/*
Theme Name: FWPF
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

h1 {
	font-family: 'Barlow Condensed', sans-serif !important;
	font-weight: 600 !Important;
	font-size: 3em !important;
}


#top_interior_image h1 {
	color: white;
	text-shadow: 2px 2px 1px #000000;
	font-size: 55px !important;
}

#top_interior_image p {
	font-weight: strong;
	color: white;
	text-shadow: 2px 2px 1px #000000;
	font-size: 2em;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-weight: 400 !Important;
}

#product-385 .single-product-main-image {
	display: none;
}

#product-385 .single_variation_wrap {
	margin: 10px 90px 20px 90px;
}

#product-385 .nyp {
	margin-left: 8rem;
}

#product-385 .product_meta {
	display: none;
}

#product-385 .description_tab {
	display: none;
}

#product-385 .woocommerce-Tabs-panel--description h2 {
	display: none;
}

#top #product-385 .woocommerce-tabs.wc-tabs-wrapper {
	padding-top: 0;
}

#top .variations td.label {
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	color: #719430;
	width: 15%;
	font-family: 'Droid Serif', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#top td.label label {
	width: 40px;
}

#product-385 .product-addon.product-addon-text-for-your-promenade-step {
	display: none;
}

#top input[type=radio] {
	width: 30px;
}

#top .nyp {
	margin-left: 15px;
}

#top .attribute-level td.label,
#top .attribute-level td.value,
#top .attribute-level td.label label {
	display: block;
}

#top .attribute-level td.value {
	font-size: 1rem;
}

#top #nyp { 
	width: 125px;
}
#top .nyp label {
	margin-right: 1rem;
	float: left;
}
	
#top .variations_form>table,
#top .nyp {
	margin-left: 90px;
	width: 90%;
}

#top .price span {
	font-size: 1.2rem;
}

.product-addon.product-addon-i-want-to-donate-to {
	margin-top: 2rem;
}

#top .input-text.addon.addon-custom {
	font-family: 'Courier New', Courier, monospace;
	font-size: 1.25rem;
    color: black;
    width: 210px;
}


@media screen and (min-width: 721px) {

    p.addon-wrap-385-text-for-your-promenade-step-1:first-of-type::after {
    background-image: url(/wp-content/themes/enfold-child/img/step-diagram.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    display: block;
    content: '';
    overflow:visible;
    height: 345px;
    width: 640px;
    float: right;
    margin-top: -50px;
    margin-bottom: -345px;
    }
}


@media screen and (max-width: 1200px) and (min-width: 721px) {
    
p.addon-wrap-385-text-for-your-promenade-step-1:first-of-type::after {
    width: 40vw;
    margin-right: -10px;
}
}

@media screen and (max-width: 920px) and (min-width: 721px) {
    
p.addon-wrap-385-text-for-your-promenade-step-1:first-of-type::after {
    width: 30vw;
    margin-right: 0;
}
}

@media screen and (max-width: 720px) {
	#top .variations_form>table {
		margin-left: 0;
	}

	#top input[type=radio] {
		width: 30px;
	}

	#top #product-385 .single_variation_wrap {
		margin-left: 15px;
		margin-right: 15px;
	}

	#top .nyp {
		margin-left: 15px;
	}

        p.addon-wrap-385-text-for-your-promenade-step-1:first-of-type::before {
            background-image: url(/wp-content/themes/enfold-child/img/step-diagram.jpg);
            background-repeat: no-repeat;
            background-position: right top;
            background-size: contain;
            display: block;
            content: '';
            overflow:visible;
            height: 173px;
            width: 67vw;
            clear: right;
            float: left;
            margin-top: 0px;
            margin-bottom: 0px;
        }

}