/*
 Theme Name:Marianne Howard 2018
 URI:  http://judithshakesdesigns.com/
 Description:A Custom WP Theme for Marianne
 Author:     Courtney Hebert
 Author URI: http://judithshakesdesigns.com
 Template:   Divi
 Version:    1
 License:    GNU General Public License v2 or later
 License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/
/*MISC*/
body{word-break:normal !important}
blockquote{}
#et_search_icon::before{}
.partialdivide{width:40%; margin:0 auto; padding:2% 0 !important}
.ds-vertical-align{display:flex;  flex-direction:column;  justify-content:center}

/*MENU*/
.emailupdates a:before{font-family:'ETmodules';  content:"e010";  padding-right:5px; vertical-align:bottom}

/*HEADER*/
#main-header{}
#homeheader{}
#homeheader .header-content h1{margin-top:-100px}
#homeheader .et_pb_button_one.et_pb_button{margin-top:30px}
#homeoption{}
.et-fixed-header #logo{content:url(images/small-logo.png)}

/*LAYOUT*/
#sidebar{display:none}
#left-area{float:none !important; padding-right:0 !important; width:90% !important; margin:0 auto 50px !important}

/*GALLERY*/
body.single-project #comment-wrap{display:none !important}

/*ROTATE TEXT*/
.rotate-right{-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); -moz-transform-origin:right top 0; -o-transform-origin:right top 0; -ms-transform-origin:right top 0; transform-origin:right top 0; float:right}
 
.rotate-left{-moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); -moz-transform-origin:left bottom 0; -o-transform-origin:left bottom 0; -ms-transform-origin:left bottom 0; transform-origin: left bottom 0; float:right}

 
/*JUMPING HEADER*/
@media screen and (min-width:981px){#page-container{ padding-top:76px !important; top:76px}

}

/*ABOUT*/
#aboutheader{}

/*HOME PAGE*/
#featuredwork .et_pb_grid_item{width:48% !important; margin:1% !important}

/*FORMS*/
/*WOOCOMMERCE*/
body.woocommerce #sidebar{display:none !important}
body.woocommerce #left-area{float:none !important; width:100% !important}
.woocommerce span.onsale, .woocommerce-page span.onsale{background:#E71B24 !important}
a.bigblue:hover, a.smallblue:hover{background:#ccc !important; color:#fff !important}
a.bigblue, a.smallblue{background:#fff none !important; border:1px solid #000; color:#000 !important; font-size:20px; margin:30px 0; transition:all .2s; line-height:1.7em !important; font-weight:400 !important; padding:5px 35px}
h1.woocommerce-products-header__title{margin-bottom:20px; text-transform:lowercase}
#left-area ul.products{margin-bottom:40px}
mark.count{display:none !important}
h2.woocommerce-loop-category__title{text-align:center}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background:#fff !important}
body.woocomerce-page .button a:hover{color:#fff !important}
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty{height:auto !important}
.woocommerce .quantity input.qty{height:40px !important}

/*SINGLES AND SUCH*/
/*No Sidebar Border*/
.container:before{background-color:transparent !important}
.et_pb_widget_area_right{border-left:0 !important}
.et_pb_widget_area_left{border-right:0 !important}
#left-area .post-meta{padding-bottom:0 !important; color:#E71B24}
#left-area .post-meta a{color:#E71B24}
body.single-post #left-area .post-meta{padding-bottom:25px !important}
body.single-post .entry-content{font-size:17px; line-height:2}

/*ARCHIVE &SEARCH*/
body.tax-project_category .contenta{display:none !important}
h2.archive-title{padding:40px 0 30px; text-align:center; text-transform:lowercase; color:#818284; font-weight:300 !important; }
/*
* Create Mansonory styles for archive pages
*/
.search #grida, 
.archive #grida, .blog #grida{ display:grid;  grid-template-columns:repeat(3,32%);  grid-column-gap:3.5%}

 
.archive .et_pb_post, .search .et_pb_post{margin-bottom:30px}
 
.archive .et_pb_post >a, 
.search .et_pb_post >a{ margin:-20px -20px 10px;  display:block}
 
.search #left-area .et_pb_post, 
.archive #left-area .et_pb_post{ overflow:hidden; /* fix for Firefox */ page-break-inside:avoid;  break-inside:avoid-column;  width:100%;  padding:19px;  border:0px solid #d8d8d8;  background-color:#fff;  word-wrap:break-word;  display:inline-block}
 
.search #left-area .et_pb_post h2, 
.archive #left-area .et_pb_post h2, .blog #left-area .et_pb_post h2{ font-size:21px}

.blog #left-area .et_pb_post.format-link, 
.blog #left-area .et_pb_post.format-quote, 
.blog #left-area .et_pb_post.format-audio, 
.search #left-area .et_pb_post.format-link, 
.search #left-area .et_pb_post.format-quote, 
.search #left-area .et_pb_post.format-audio, 
.archive #left-area .et_pb_post.format-link, 
.archive #left-area .et_pb_post.format-quote, 
.archive #left-area .et_pb_post.format-audio{ padding:0}

.blog .et_pb_post .et_pb_image_container, 
.blog .et_pb_post .et_main_video_container, 
.blog .et_pb_post .et_audio_content, 
.blog .et_pb_post .et_pb_slider, 
.archive .et_pb_post .et_pb_image_container, 
.archive .et_pb_post .et_main_video_container, 
.archive .et_pb_post .et_audio_content, 
.archive .et_pb_post .et_pb_slider, 
.search .et_pb_post .et_pb_image_container, 
.search .et_pb_post .et_main_video_container, 
.search .et_pb_post .et_audio_content, 
.search .et_pb_post .et_pb_slider{ }
 
.archive .et_pb_post.format-audio .et_audio_content, .search .et_pb_post.format-audio .et_audio_content, .blog .et_pb_post.format-audio .et_audio_content{ margin:0px -38px 0px}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide, 
.search .et_pb_post .et_pb_slider .et_pb_slide, .blog .et_pb_post .et_pb_slider .et_pb_slide{ min-height:180px}
 
.archive .wp-pagenavi, 
.search .wp-pagenavi, .blog .wp-pagenavi{ clear:both; padding:0; margin:0;  position:absolute;  bottom:0;  left:0;  right:0;  display:block}
/*
* Media Queries
*/
@media screen and (max-width:980px){ .search #grida, .archive #grida,#homebloggrid .et_pb_ajax_pagination_container,.blog #grida{ display:grid;  grid-template-columns:repeat(2,48.75%);  grid-column-gap:2.5%}
}
@media screen and (max-width:767px){ .search #grida,.blog #grida, .archive #grida,#homebloggrid .et_pb_ajax_pagination_container{ display:grid;  grid-template-columns:repeat(1,100%);  grid-column-gap:0}
 .archive .et_pb_post, .search .et_pb_post{height:auto !important}
 .search .et_pb_post.format-audio .et_audio_content, 
 .archive .et_pb_post.format-audio .et_audio_content{ margin:0}
 .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, 
 .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, 
 .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, 
 .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{ min-width:300px!important;  width:300px!important}
}

/*COLOR FIX*/
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{}

/*Foot*/
#footer-bottom{background-color:#284d6d !important; font-size:10px; padding:0; color:#b2b9c1}
#footer-bottom a{color:#CFD7E1}
.bottom-nav a{color:#b2b9c1 !important; font-size:12px !important}
#et-footer-nav{background:transparent !important}
#et-footer-nav .container{width:80% !important; max-width:80% !important}
#fmenu{width:50%; float:left}
#copy{width:40%; float:right; font-size:9px; padding-top:20px; color:#b2b9c1; text-align:right; text-transform:uppercase}
#copy a{color:#b2b9c1; text-decoration:underline}

/*PAGENAVI*/
.wp-pagenavi{border-top:0px !important; padding-top:0 !important}
.wp-pagenavi a, .wp-pagenavi span{margin:0 5px;  border:none!important;  color:#818284;  font-size:16px!important;  font-weight:300!important;  text-decoration:none;  text-transform:uppercase}
.wp-pagenavi a:hover, .wp-pagenavi span.current{color:#E71B24 !important}

/*RESPONSIVE*/
@media only screen and (max-width:980px){#homeheader .header-content h1{margin-top:0}
.et_pb_signup_0.et_pb_subscribe{margin-right:0 !important}
#becomeacoachbox{background-image:none !important}
#fmenu{width:100%; float:none}
#copy{width:100%; float:none; text-align:center}
#aboutheader{min-height:500px !important; background-position:center top !important}
#aboutheader .header-content h1, #aboutheader .header-content p{margin-top:0; display:none !important}
#aboutblue{padding:40px 0}
#aboutblue .et_pb_column_4{padding:40px}
#aboutpic{padding:20px}
}

@media only screen and (max-width:960px){}

@media only screen and (max-width:900px){}

@media only screen and (max-width:840px){.bottom-nav{text-align:center}
#copy{text-align:center}
#sidebar .et_pb_widget{text-align:center}
#singleblock{display:none}

#start{background-image:none !important}
}

@media only screen and (max-width:650px){.bottom-nav li{font-size:3vw}
#copy{font-size:2vw}
}