/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */





/* 
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
h1,h2, h3, h4, h5, h6 { font-family: "EB Garamond",arial,sans-serif !important;}
#content h3 { color:#f48125; text-align:left; font-size:26px; line-height:30px; display:block; margin:20px 0;}
#header #logo { margin:0;}
#header .nav-toggle { background-color: #f48125;  background-image: linear-gradient(to bottom, #f48125, #f48125); font-size: 1.8em; border: 2px solid #fff !important; padding-top:10px;  border-radius: 0;  width: 2em; margin:10px 10px 0 0;}
#header { background: rgba(0, 0, 0, .6) !important; border-bottom: none; padding:0;}
body.with-top-menu #header {  padding-top: 3.6em;}
body { background: #fff;}
table { border-radius: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); background:#FFF; max-width:800px; margin:0 auto; border:5px solid #fff;}
table th{ background:#9fcb35; font-weight:bold; font-size:18px; color:#FFF; border-right:1px solid #FFF; }
table th, table td { background:#fff2c7; border:5px solid #fff;}
p { -ms-word-break: none; word-break: none;  -webkit-hyphens: none; -moz-hyphens: none;  hyphens: none;}
#wrapper { background: #fff; padding: 0 0 !important;}
.phone_top {display:none;}

h1 {display:block; color:#1c1c1c; font-size:30px; padding: 50px 0 10px 0; margin-bottom:20px; font-weight:normal;}
.home h1 {text-align:center;}
.home .block a { color: #feaa00;}

.home #content { background: #fff;}
#content { background: none;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
div.pp_default .pp_expand { display:none !important; }
.block_free, .block_booked, .block_pending { text-indent:-9999px !important; }

#featured header h1, #sub-feature { display:none !important;}
#featured ul.flex-direction-nav li a {  background-color: transparent !important;}
.has-slider #featured ul.flex-direction-nav li a { height: 3em; width: 3em;}
.slide-content-container a { color:#FFF !important;}
#synved_social_follow-3 { max-width:240px; margin:0 auto !important;}

#div01, a.div02 { background: url(images/div01.png) center top no-repeat; max-width:1000px; width:100%; height:50px; margin-bottom:30px; text-align:center; color:#FFF; text-decoration:none;}
a.div02 { background: url(images/div02.png) center top no-repeat; display:block; font: italic 300 21px/45px  "EB Garamond",arial,sans-serif; margin-top:60px;}
#three_box { text-align:center; margin-top:40px;}
#three_box h2{ color:#f48125; margin-top:20px; font-weight:normal;}
#three_box a.read { color:#f48125; display:block; text-align:center; text-transform:uppercase; font-size:13px; margin-top:30px;}
#look { background-image: url(images/look_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position:center top; max-width:100%; width:auto; min-height:600px !important; margin-top:50px; padding:60px 0;}
#look .lookbox{ padding:50px 3% 0 3%;background: rgba(0, 0, 0, .6);max-width:960px !important; width:auto;display:block;margin:0 auto; }
#synved_social_follow-2 { margin: 0 auto !important; max-width: 170px;}

#footer {  background: #161616; padding: 0.7em 0; color: #e4e4e4;}
#footer a { color: #fff; }
#footer a:hover { color: #f48125 !important; }
#footer-widgets{ border-bottom: none; padding: 1em 0 1.5em; }
#footer-widgets-container { background: #f1fdd4;}
#copyright, #credit { font-size: 12px; padding: 10px;}
#footer-widgets .textwidget,#footer-widgets .social { padding-left: 10px;}
#footer-widgets-container .col-full, #footer .col-full { max-width:1000px !important;}
#footer-widgets-container, #footer-widgets .widget {background-color: #fff !important;  box-shadow: 0 0 0 0 #262626;  border-radius: 0; font-size:13px;  border-top: none; padding:10px 0;}
#footer-widgets .widget h3  { display:block; color:#f48125; text-align:left; border-bottom: none; font:300 21px/45px  "EB Garamond",arial,sans-serif; margin-bottom:0;}
#footer-widgets .widget ul li a { color: #f48125; !important;}
.entry .shortcode-unorderedlist.bullet ul li, .shortcode-unorderedlist.bullet ul li { background-position: 0 8px; padding:3px 0 3px 25px !important; }
#connect .social a {  height: 2em; width: 2em;}

.entry .shortcode-unorderedlist.tick ul li, .shortcode-unorderedlist.tick ul li { background-position: 0 10px; padding:5px 25px;}
.section-title p::before, .section-title p::after, .section-title p span { display:none !important}
.post .article-inner, .type-page .article-inner, .type-features .article-inner, .search-results .features .article-inner, .search-results .page .article-inner, .search-results .type-product .article-inner, .search-results .type-portfolio .article-inner, .type-project .article-inner {  padding: 0em !important;}
.gform_wrapper .chosen-container-multi .chosen-choices { padding: 0.313em 0; background-clip: padding-box;  border: 2px solid #f0f0f0;  border-radius: 0.236em;  box-sizing: border-box;}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 20px;  display:block; }
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, p.follow-link a { background: #feaa00; border-radius: 0; }
a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type="submit"]:hover, input.button:hover, button.button:hover, p.follow-link a:hover { background: #f48125; }
.gfield_price .gfield_label { height:40px; float:left;}
.gfield_price .ginput_container { float:right; }
.gfield_price .gfield_label, .gfield_price .ginput_container { display:block; max-width:320px; margin: 0 0 0;}
.gfield_price div.ginput_container { margin-top: 0;}
.gfield_price .ginput_container { margin-bottom: 0;}
.gfield_price { clear:both; margin-bottom:20px;  border-bottom: 1px solid #f0f0f0; padding-bottom:20px;}

/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

@media only screen and (min-width: 740px) {
.phone_top {display: none; float:right; font-size:18px; color:#fff; margin-top:10px; margin-right:30px;}
h1 {font-size:48px; letter-spacing:-1px !important;}
.type-page header h1 { display:none !important;}
#top #top-nav1 { display:none !important;}
#navigation ul.nav ul li a { font-family: "EB Garamond",sans-serif; color: #202020 !important;}
#navigation { font-family: "EB Garamond",arial,sans-serif !important; margin-bottom: 0; margin-top:20px;}
#navigation ul.nav > li a { background: none; color: #fff;  text-shadow:none !important; padding: 0.382em 1.5em 0.382em 1em!important; }
#navigation ul.nav > li:last-child a { background: none; }
#navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.li.current-menu-item a {
    background: url(images/nav_bg.png) right center no-repeat !important; border-radius: 0;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0) inset !important;  color: #feaa00 !important;}
#navigation ul.nav ul { top: 34px;}
#navigation ul.nav > li ul li a { font-size:14px !important; }
.has-slider #featured ul.flex-direction-nav li a { top: 48%;}

#featured { font-family: "Open Sans",arial,sans-serif !important;}
#featured .slide img { margin: 0; width:auto;}
#featured .slides {  margin: 0 0;}
#featured .slide .slide-content-container { display:none;}
.has-slider #featured .slide.has-overlay .slide-content { background: none; border-radius: 0; padding: 0; margin-top:50px;}
#featured h3 { color:#FFF;  display:block; text-transform:uppercase; font-size:52px;  font-weight: bolder; letter-spacing:-1px !important; text-shadow:none !important; text-align:center;}

.home #home-widgets.columns-2 .block { margin:20px 1%; width: 48%;}
.fourcol-one { width: 24%;}
#content .box .fourcol-one {  margin-bottom: 1%; margin-right: 1%;}

#content-top { padding: 0 0 0;}
body.without-features #content { padding-top: 0;}
.type-page .article-inner { padding-left: 0; padding-right: 0; padding-top:0; padding-bottom:0;}
.post, .type-page, .type-features, .search-results .features, .search-results .page, .search-results .type-product, .search-results .type-portfolio, .type-project {  background: #ffffff; border-radius: 0;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);  margin: 0 0 0;}
#home-widget-fullwidth {  margin: 0 auto 0; width:100%; clear:both;}
#content .col-full,#main.fullwidth,.layout-full #main,#wrapper .col-full { max-width: 100%; width: 100%;}
#content  { padding: 0 0 0; }
#content .box, #home-widgets { max-width: 1000px; display:block; margin:0 auto; clear:both; width:auto;}
#content .box { padding:10px 20px !important;}
.home .widget { background: #ffffff;  border-radius: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); margin-bottom: 0; padding: 0;}
#sb_instagram { width:auto !important; width: auto !important;}

}

@media only screen and (min-width: 900px) {
#content-top { background: rgba(0, 0, 0, .6) !important; width:100%;}
.col-full { min-width:1000px;}
#featured .slides {  margin: 0 0;}
	
}

@media only screen  and (max-width : 724px) {
ul.nav li a { padding: 0 0.7em;}	
#copyright, #credit { padding:0 10px; text-align:center;}
#header, #footer, #footer-widgets { padding-left: 0 !important;  padding-right: 0 !important;}
#featured .slide img { margin: 0;}
#featured .slides {  margin: 0 0;}
#content-top { padding: 0 0 0;  background: #fff;}
.home #content, #content {  margin: 0 auto;}

a.home_button {  width:240px; font-size:18px; margin: 20px auto;}

.widget { background: none;  border-radius: 0;  margin-bottom: 0; padding:0 !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);}
#content {  padding: 0 0 0;}

}

@media only screen  and (max-width : 820px) {
.home #content { margin: 0 0 !important;}
#header { background: #000 !important;}
#featured .slide .slide-content-container { background: #f48125;}
#featured .slide .slide-content-container .slide-content { padding: 0.618em;}
.home #content, #content {  margin: 0 0;}
body.without-features #content { padding-top: 0;}
#wrapper {  padding: 0 0;}
#main {  margin: 0 0 1.618em;}
.type-page .article-inner { padding-left: 0; padding-right: 0;}
#content .box { padding:10px;}
.post, .type-page, .type-features, .search-results .features, .search-results .page, .search-results .type-product, .search-results .type-portfolio, .type-project {  background: none;  border-radius: 0;  margin: 0 0 0;}
h1 {font-size:28px; padding:10px 0;}
.type-page header h1 { display:none;}
}

@media only screen  and (max-width : 1030px) {
	.home #content { margin: 0 0 !important;}
	min-width: 1024px;
	
}