/*
 Theme Name:  WriteShop (Divi)
 Theme URI:    https://writeshop.com
 Description:  Child Theme for Divi
 Author:       Contemplate Design
 Author URI:   https://contemplatedesign.com
 Template:     Divi
 Version:      1.0.0
*/

/*  TYPOGRAGRHY & COLOR ----------------------------------*/
#left-area ol, .et_pb_post_content ol, .et_pb_tab_content ol {
    line-height: 42px;
    list-style-position: outside;
    list-style-type: decimal;
	margin-left: 40px;
}
#left-area ul, .et_pb_post_content ul, .et_pb_tab_content ul {
	line-height: 42px;
	margin-left: 20px;
}

.highlight, .highlight2 {
	position: relative;
}
.highlight:before, .highlight2:before,
.highlightA:before, .highlightB:before,
.highlightC:before, .highlightD:before,
.highlightE:before, .highlightF:before {
    background: #00909E;
    position: absolute;
	opacity: 0.8;
    content: '';
    display: block;
    bottom: 0;
    left: -3%;
    height: 15%;
    width: 106%;
    z-index: -1;
}
.highlight2:before {
	background: #B60015;
}
.highlightA:before {
	background: #FF0003;
}
.highlightB:before {
	background: #00BB33;
}
.highlightC:before {
	background: #FFE000;
}
.highlightD:before {
	background: #FF9000;
}
.highlightE:before {
	background: #A33899;
}
.highlightF:before {
	background: #61C100;
}

.whitetext, .whitetext p,
.whitetext h1, .whitetext h2, .whitetext h3,
.whitetext h4, .whitetext h5, .whitetext h6,
.whitetext a, .whitetext li,
.whitetext blockqoute, .whitetext figcaption {
	color: #fff !important;
}

.et_pb_tab p:last-of-type {
    padding-bottom: 1em !important;
}
.et_pb_tab h1, .et_pb_tab h2, .et_pb_tab h3, 
.et_pb_tab h4, .et_pb_tab h5, .et_pb_tab h6 {
    margin: 20px 0 15px;
}
.et_pb_tab_content ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*  HEADER ----------------------------------*/
#top-header{
  	background-image: url(https://writeshop.com/wp-content/uploads/2019/11/texture_1.png);
	background-repeat: repeat;
}

#main-header .mobile_menu_bar::before {
	color: #fff !important;
}

/*  SIDEBAR ----------------------------------*/

.sidebar_main .et_pb_widget .widgettitle,
#sidebar .et_pb_widget .widgettitle {
    background: #008E9D url(https://writeshop.com/wp-content/uploads/2019/11/texture_1.png) repeat;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
	text-align: center;
}
.sidebar_main .et_pb_widget.orange .widgettitle,
#sidebar .et_pb_widget.orange .widgettitle{
   background-color: #F59B00;
}
.sidebar_main .et_pb_widget.red .widgettitle,
#sidebar .et_pb_widget.red .widgettitle {
   background-color: #870D0C;
}
.sidebar_main .et_pb_widget.purple .widgettitle,
#sidebar .et_pb_widget.purple .widgettitle {
   background-color: #7A0F7B
}

/*  BETTER SEARCH ----------------------------------*/
.bsearch_highlight { background: yellow; }
article.bsearch-post {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 32% !important;
	margin-right: 1%;
	border-width: 0px 6px 6px 6px;
	border-right-color: #ffffff;
	border-bottom-color: #008e9c;
	border-left-color: #ffffff;
	border-bottom-style: dashed;
	transition: border 300ms ease 0ms;
	box-shadow: 0px 30px 18px -6px rgba(0,0,0,0.3);
	padding: 19px;
	background-color: #fff;
	word-wrap: break-word;
	margin-bottom: 60px;
}
article.bsearch-post:hover {
    border-bottom-style: solid;
    border-bottom-color: #FF9600;
}
article.bsearch-post header {
	margin-top: 320px;
}
article.bsearch-post header h2.bsearch-entry-title {
	font-size: 21px;
}
article.bsearch-post header p {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1em;
    margin-bottom: 10px;
}
article.bsearch-post header p span {
	display: block;
}
article.bsearch-post header p span.bsearch_score {
	font-weight: 900;
}
article.bsearch-post .bsearch_thumb {
	margin: 0px -20px 9px;
	position: absolute;
	top: 0;
	width: 100%;
}
article.bsearch-post .bsearch_thumb img {
	width: 100%;
	height: auto;
}

/*  WOOCOMMERCE ----------------------------------*/
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: both !important;
}

.single-product div.product {
    padding: 0 !important;
}
.yith-cart-message,
.woocommerce div.product div.summary,
.woocommerce div.product form.cart .variations {
    margin-bottom: 0 !important;
}

body.woocommerce-checkout .simplesocialbuttons,
body.woocommerce-cart .simplesocialbuttons,
body.woocommerce-checkout .cresta-share-icon,
body.woocommerce-cart .cresta-share-icon {
   display: none !important;
}

#reason_site_visit .input-radio {
   float: left;
   margin-right: 10px;
   margin-top: 10px;
}
#reason_site_visit label {
   line-height: 1.6em;
}

/*  BLOG ----------------------------------*/
.blog-two .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}
.blog-three .et_pb_salvattore_content[data-columns]::before {
	content: '3 .column.size-1of3' !important;
}
.blog-four .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
.blog-five .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.blog-two .column.size-1of2 {
	    width: 49%!important;
	    margin-right: 1%;
	}
	.blog-three .column.size-1of3 {
	    width: 32%!important;
	    margin-right: 1%;
	}
	.blog-four .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
	.blog-five .column.size-1of5 {
	    width: 19%!important;
	    margin-right: 1%;
	}
}

/* Affiliate Center ------------------------*/
.affwp-form input[type=text], .affwp-form input[type=password], .affwp-form input[type=email], 
.affwp-form input[type=url], .affwp-form textarea, .affwp-form input[type=submit] {
	padding: 10px;
    font-size: 18px;
}

/*  BLOOM ----------------------------------*/
.et_bloom_below_post:nth-child(2) {
	display: none !important;
}

/*  MISC ----------------------------------*/
.cc-revoke, .cc-window {
	z-index: 99999999999 !important;	
}

.et-boc > .crp_related {
	display: none;
}

.tml-login input.text, .tml-login input.title, .tml-login input[type="email"], .tml-login input[type="password"], 
.tml-login input[type="tel"], .tml-login input[type="text"], .tml-login input[type="submit"], .tml-login select, .tml-login textarea {
    font-size: 18px;
    padding: 12px;
}

.et_pb_post_content p.has-background,
.et_pb_post_content div.wp-block-button {
	margin-top: 30px;
    margin-bottom: 30px;
}

/***********************
 * RESPONSIVE
 * ************************/
@media only screen and (min-width:981px) {
	/**** LOGO ****/
	#main-header #logo {
    	max-height: 150%;
	}
	
	/**** LAYOUT ****/
	.et_right_sidebar #main-content .container::before{
		display: none;
	}
	.et_right_sidebar #left-area {
	    width: 75%;
	}
	.et_right_sidebar #sidebar {
	    width: 25%;
	}
	/**** NAV ****/
	.nav li ul {
		width: 270px;
	}
	#top-menu li li,
	#top-menu li li a {
		width: 100%;
	}
	
	/**** Inline Buttons ****/
	.inline-buttons .et_pb_button_module_wrapper {
		display: inline-block !important;
	}
	
	/**** blurbpop ****/
	.blurbpop .et_pb_blurb:hover .et_pb_main_blurb_image {
    	margin-bottom: 0px;
    	max-width: 140%;
    	width: 140%;
    	margin-left: -20%;
	}
	/*  Gallery ----------------------------------*/
	.gallery-six .et_pb_gallery_item {
		width: 14.66% !important; /*six columns*/
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 2% !important;
		clear: none !important;
	}
	.gallery-five .et_pb_gallery_item {
		width: 18% !important; /*five columns*/
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 2% !important;
		clear: none !important;
	}
	.gallery-four .et_pb_gallery_item {
		width: 23% !important; /*four columns*/
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 2% !important;
		clear: none !important;
	}
	.gallery-three .et_pb_gallery_item {
		width: 31.33% !important; /*three columns*/
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 2% !important;
		clear: none !important;
	}
	
	/*  WooCommerce ----------------------------------*/
	.woocommerce table.wccpf_fields_table td.wccpf_label, 
	.woocommerce table.wccpf_fields_table td.wccpf_label label {
   	 	width: 280px;
	}	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    	font-size: 18px;
	}
	
	/*  FOOTER ----------------------------------*/
	#footer-widgets {
	    padding: 3% 0 0;
	}
	.et_pb_gutters3 .footer-widget {
    	margin-bottom: 2.5%;
	}
	footer .bottom-nav {
		text-align: center;
	}

}

@media only screen and (max-width:980px) {
	.hidemobile {
		display:  none !important;
	}
	
	/*  STRUCTURE --------------------------------------*/
	.et_left_sidebar #left-area, .et_left_sidebar #sidebar, .et_right_sidebar #left-area, .et_right_sidebar #sidebar {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	#footer-widgets {
		padding: 12%;
	}
	
	/*  HEADER --------------------------------------*/
	.et_fixed_nav_temp #main-header, .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header {
	    margin-top: 33px;
    }
	.et_secondary_nav_only_menu #top-header,
	.et_secondary_nav_only_menu #top-header #et-secondary-menu {
		display: block !important;
		/*position: relative;*/
	}
	#top-header .et-cart-info {
    	padding: 10px;
		display: block;
	}
	/*  WooCommerce ----------------------------------*/
	.woocommerce table.wccpf_fields_table td {
		display: block;
		padding: 0;
	}
	.woocommerce table.wccpf_fields_table td.wccpf_label, 
	.woocommerce table.wccpf_fields_table td.wccpf_label label {
   	 	width: 100%;
	}
	.wccpf-fields-container {
		padding-bottom: 10px;
	}
	.wcff-label, .woocommerce table.wccpf_fields_table td,
	body #page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button {
		font-size: 80% !important;
	}
	.woocommerce-page .quantity input.qty {
	    height: 39px;
	}
	
	.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, 
	.woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, 
	.woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, 
	.woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, 
	.woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, 
	.woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
    	width: 100% !important;
	}
	
	/*  BETTER SEARCH ----------------------------------*/
	article.bsearch-post {
		width: 100% !important;
	}
	article.bsearch-post header {
    	margin-top: 380px;
	}
	
	/* QUIZ -----------------------*/
	.advq_results_wrapper .pa_product .pa_product_excerpt {
		display: none;
	}
	.advq_results_wrapper .pa_product .pa_image, .pa_suggestion .pa_image {
    	max-width: 100%;
    	padding-right: 0;
	}
}

/*  MOBILE MENU --------------------------------------*/
@media screen and (max-width: 980px) {
 .container { 
 width: 100% !important;
 }
 .et_header_style_left .logo_container{
 padding-left: 25px;
 }
 .et_header_style_centered #main-header .mobile_nav {
 background-color: transparent;
 }
 .mobile_nav.closed .select_page {
 display: none;
 }
 .et-fixed-header#main-header {
 background-color: transparent !important;
 }
}
.et_mobile_menu {
 /*top: 0 !important;
 border-top: 3px solid #283fc0 !important;;
 background-color: #fff !important;
 padding: 20% 0;*/
}
.et_mobile_menu li a {
 text-align: center;
 font-size: .8em;
 border: 0;
 padding: 15px 0;
 letter-spacing: 1px;
 text-transform: uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
 color: #ffdd00;;
}
.mobile_nav ul#mobile_menu li ul li a {
 font-size: .8em !important;
 margin: auto;
 color: #363636 !important;
 padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
 color: #999;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
 padding-right: 25px;
 /*color: #363636 !important;*/
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
 z-index: 99999;
}

/* NESTING MOBILE MENU SETTINGS */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
 content: '\4d';
}

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
 content: '5'; 
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
 position: relative; 
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 position: absolute;
 background-color: rgba(0,0,0,0.03);
 z-index: 1;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 50%;
 top: 6px;
 right: 10px;
 cursor: pointer;
 text-align: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
 background-color: rgba(0,0,0,0.1);
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 font-family: "ETmodules" !important;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 line-height: 36px;
 font-size: 24px;
 text-transform: none;
 speak: none;
 content: '\33';
 color: #fff;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 content: '\32';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 display: none !important;
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 display: block !important;
 background-color: rgba(0,0,0,0.03);
}

 #main-header #mobile_menu.et_mobile_menu li li {
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 background-color: transparent;
 font-weight: inherit;
}

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
 font-weight: bolder;
}