/*
Theme Name: Citron and Rose
Description: Child theme for Avada, customized specifically for Citron and Rose
Author: Spark3
Template: Avada
*/

@import url("../Avada/style.css");

body { font-size: 16px !important; line-height: 24px !important; }
.home #main { padding-top: 0; padding-bottom: 0; }
body { background: url(../../../media/page_bg2.gif) repeat; }
body #wrapper { background-color: transparent !important; }

#main { background: #fff; max-width: 980px; margin: 0 auto;}

/*#header .logo, #header-sticky .logo { position: relative; left: -30px; }*/

/* =SuperNav */
.header-social .custom a { top: -4px; position: relative;}
.header-social .custom a:before { content: 'Give a Citron + Rose Gift Certificate: '; } 
.header-social .custom img { position: relative; top: 3px; margin-left: 6px; }
.reading-box { margin-bottom: 20px; }

#slidingbar { color: #fff !important; }
#slidingbar #text-4.slidingbar-widget-col { font-size: 1.2em; text-align: center; }

/* =Menu Links */
#nav ul li:last-child { padding-right: 0; }
/* menu-links used in manually embedded menu links, ex.: catering */
ul.menu-links li { list-style-type: none; margin-bottom: .7em; text-align: center; }
ul.menu-links li a { padding: 10px; background-color: #00638c; width: 190px; color: #fff !important; border: 3px double #fff; display: block; }
ul.menu-links li a:hover { background-color: #a6a7ab; color: #fff !important; }
#nav ul li, #sticky-nav ul li  { padding: 0 20px 0 0; }

#header .order-online-nav { background-color: #D50C0C; padding: 10px !important; margin-top: 16px !important; border-color: #FFF !important; border-width: 3px; border-style: double; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;}
#nav ul .order-online-nav a, #nav ul .order-online-nav a:hover { color: #fff !important; }
#nav ul .order-online-nav a { height: 25px; line-height: 25px; }
.navigation > li.order-online-nav > a { height: 20px; line-height: 20px; }

/* =Social */
.social-networks .twitter a{ width:18px; height:16px;}

/* Fixes for Chrome Text Rendering */
#nav { -webkit-text-stroke: 0.2px; }
.title h1, #main .post-content .title h1 {-webkit-text-stroke: 0.4px;}

body .post-content a { border-bottom: 1px solid #333; }
body .post-content a:hover { color: #000 !important; }

/* =Menus */
.parent-pageid-18 .post-content { text-align: center; }
.parent-pageid-18 {}
ul#menu-menus li { list-style-type: none; margin-bottom: .7em !important; text-align: center; }
ul#menu-menus li a { padding: 10px !important; background-color: #00638c; width: 190px; color: #fff !important; border-color: #fff !important; border: 3px double #fff; display: block; }
ul#menu-menus li.order-online-btn a{ background-color: #D50C0C; }
#sidebar .widget_nav_menu ul#menu-menus li a { border-color: #fff !important; border: 3px double #fff;}
ul#menu-menus li a:hover, #wrapper #sidebar ul#menu-menus .current-menu-item a { background-color: #a6a7ab; color: #fff !important; }
#sidebar .widget ul#menu-menus li a { color: #fff !important; }
/*Remove Sidebar Arrows*/
#sidebar .widget_nav_menu li a:before, #sidebar .widget_categories li a:before, #sidebar .widget .recentcomments:before, #sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_pages li a:before, #sidebar .widget_links li a:before, .side-nav .arrow:after, .woocommerce-tabs .tabs a:hover .arrow:after, .woocommerce-tabs .tabs li.active a .arrow:after, .widget_layered_nav li a:before, .widget_product_categories li a:before {
  content: none !important;
}

/* =Reservations */
#post-23 div.one_half.last .title { margin-bottom: 0; }
#OT_searchWrapperAll { width: 100%; height: 250px; position: relative; margin: 0; padding: 0; background: transparent; color: #0F9; color: #1980aa; font-size: 14px; }
#OT_searchWrapper { border: none; background: transparent; font-size: 14px; width: 100%; height: 100px; position: relative; margin-left: 8px; font-family: "Rufina",Arial,Helvetica,sans-serif;}
#OT_searchWrapper .OT_feedTitle { position: absolute; top: 0; left: 0; margin: 0 0 1px 5px; font-size: 12px; font-weight: normal; line-height: normal; display: none; }
#OT_searchWrapper dl { position: absolute; top: 0; left: 0; padding: 0; margin: 0; }
#OT_partySizeLbl { position: absolute; top: 25px; left: 0; margin: 0 0 0 0px; padding: 3px 0; text-align: right; width: 110px; display: block; text-align: left; }
#OT_partySize { position: absolute; top: 25px; left: 120px; margin-left: -50px; padding: 0; }
#OT_dateLbl { position: absolute; top: 55px; left: 0; margin: 0 0 0 0px; padding: 3px 0; text-align: left; width: 110px; }
#OT_date { position: absolute; top: 55px; left: 120px; width: 100px; margin-left: -48px; padding: 0; font-family: 'Bodoni', serif; }
#OT_timeLbl { position: absolute; top: 55px; left: 200px; width: 60px; padding: 3px 0; text-align: left; }
#OT_time { position: absolute; top: 53px; left: 238px; margin: 0; }
#OT_empty { position: absolute; width: 0; height: 0; padding: 0; margin: 0; top: 100px; left: 0; }
#OT_submitWrap { position: relative; top: 88px; left: 240px; margin: 0 5px 0 0; z-index: 5; }
#OT_searchWrapper form { margin: 0; padding: 0; font-family: Bodoni, Geneva, sans-serif; }
#OT_searchWrapper input.hidden { display: none; font-family: Bodoni, Geneva, sans-serif; }
#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option { font-size: 12px; margin: 2px 2px 2px 2px; font-family: Bodoni, Geneva, sans-serif; }
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 12px; margin: 0; width: 85px; }
#OT_searchWrapper #dateDisplay { font-size: 10px; color: #999; font-family: Verdana,Arial,Helvetica,Sans-Serif; float: right; margin: 0 30px 0 0; display: inline; }
#OT_searchWrapper .imgCal { position: absolute; display: none; z-index: 100; }
#OT_searchWrapper #imageCal table { font-size: 12px; width: 150px; font-family: arial; font-weight: bold; background: #fff; }
#OT_searchWrapper #imageCal td { padding: 0; text-align: center; }
#OT_searchWrapper .clickableDays { color: #000; text-decoration: none; height: 18px; }
#OT_searchWrapper .nonclickableDays { color: #CCC; height: 18px; }
#OT_searchWrapper .months { color: #FFF; text-decoration: none; }
#OT_searchWrapper .weekdays { color: #000; text-decoration: none; color: #666; background-color: #EFEFEF; width: 14%; }
.partOfCal img.partOfCal.spacer { display: block; height: 1px; margin: 0; padding: 0; }

/* =Press */
.page-id-477 a img:hover { opacity: 0.8;  filter:alpha(opacity=40); /* For IE8 and earlier */ transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;}
.page-id-477 .image img	{ box-shadow: #000 0em 0em 0em; }
.page-id-477 .image a { text-decoration: none; border: none; }
#main #post-477 .post-content h2.entry-title a, #main #post-477 .post-content a.read-more { border-bottom: 1px solid #90afb7; color: #00638c !important; }
#main #post-477 .post-content h2.entry-title a:hover, , #main #post-477 .post-content a.read-more:hover { color: #4a90a2 !important; border-bottom: 1px solid #4a90a2; }
.page-id-477 .post-content .updated { font-size: 13px; color: #bbb; }
.page-id-477 .post-content .content-sep { display: none; }
.page-id-477 .post-content .excerpt-container { font-size: 14px; color: #777; line-height: 20px !important;}


/* =Catering */
#post-21 .gform_wrapper ul li.gfield { clear: none; }
#post-21 .gform_wrapper form li { float: left; width: 300px; margin-top: 0.7em;}
#post-21 .gform_wrapper .top_label input.medium { width: 90%; font-size: 18px; }
#post-21 .gform_wrapper form li#field_1_6 { width: 600px; }
#post-21 #field_1_7 .ginput_container { margin-top: 10px; }
#post-21 .gform_wrapper .top_label .gfield_label { font-weight: normal !important; font-size: 1.05em !important; }
#post-21 .gform_wrapper form li .gfield_radio li { margin-top: 0; }
#post-21 .one_third.last h2 { margin-top: 10px; text-align: center; }

h2.spk-title-link a { text-decoration: none; border-bottom: 1px solid #90AFB7; color: #00638C !important;}
h2.spk-title-link:hover {  }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { font-family: "Montserrat",Arial,Helvetica,sans-serif !important;  background-image: none !important; cursor: pointer; color: #fff !important; background-color: #00638c !important; border: 3px double #fff !important; display: block; box-shadow: none !important; font-weight: normal !important; position: relative; top: 15px; text-shadow: none; }
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover { background-color: #a6a7ab !important; }


/*=Contact*/
.page-id-25 #main { padding-top: 30px; }
#post-25 .title { margin: 1em 0 0.7em; }
#mc_signup_form label.mc_var_label {  float:left; display: block; width: 120px; }
#mc_signup_form input[type="text"] {width: 200px; margin-left: 50px; margin: 0 0 10px 0;}
#post-25 .mc_signup_submit input { font-family: 'Rufina',Arial,Helvetica,sans-serif; cursor: pointer; color: rgb(255, 255, 255); padding: 10px; background-color: #00638c; border: 3px double #fff; display: block; }
#post-25 .mc_signup_submit input:hover { background-color: #a6a7ab; }
#post-25 #mc-indicates-required { font-size: 0.8em; position: relative; top: -5px; }

/* In-Page Widgets */
#Hours { padding: 10px; background-color: #00638c; margin: 0 auto 1.5em; display: block; color: #fff !important; border: 3px double #fff; text-align: center; }
#Hours ul, #Hours li { list-style-type: none; margin: 0; padding: 0; }
#post-18 #Hours { padding: 15px 95px; background-color: #00638c; margin: 0 auto 1.5em; height: 70px; color: #fff !important; border: 3px double #fff; text-align: center; }
#post-18 #Hours p { width: 200px; float: left; }
/* Reservations */ #post-23 #Hours { width: 200px; margin: 1.5em auto; }
/* Contact */ #post-25 #Hours { background: none; border: none; color: #00638c !important; }
#post-25 #Hours p { width: 200px; float: left; }

@media only screen and (max-width: 800px){ #post-25 .title { margin: 1em 0 0.7em !important; }}

@media only screen and (max-width: 980px){ .logo img { width: 250px !important; height: 39px !important; margin-top: 3px; }}
@media only screen and (max-width: 865px){ .logo img { width: 200px !important; height: 31px !important; margin-top: 7px; }}
@media only screen and (max-width: 810px){ .logo img { width: 180px !important; height: 28px !important; }}