.content_section_edit a {
    z-index: 300;
}

.iframe_wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25% }
.iframe_wrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }


a:focus-within,
button:focus-within {
    outline: 0.125rem solid #006750 !important;
}
input:focus-within,
select:focus-within {
    /*outline: 0.125rem solid #006750 !important;*/
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
}

/****************************************************************************
 * Cookie Bar
 ****************************************************************************/
.cookie-bar a:after,
.cookie-bar a:before {
	content: none !important;
}
/****************************************************************************
 * Default Content
 ****************************************************************************/
/*.wrapper {
    overflow: hidden;
}*/
.wrapper #content {
    z-index: 4;
}
.content > .content_section:first-child:not(.typo_slider_section) {
    padding-top: 6rem;
}


/****************************************************************************
 * Content Section
 ****************************************************************************/
.content_section {
    background: transparent;
    z-index: 3;
}
.content_section.grey,
.content_section.force_grey {
    background-color: #ECEBEB;
    position: relative;
    padding: 3rem 1rem;
    z-index: 2;
}

.content_section.force_grey.no_before {
    padding-top: 2rem;
}
.content_section.force_grey.no_after {
    padding-bottom: 2rem;
}

.content_section.grey:before,
.content_section.force_grey:before{
    content: ''; position: absolute;
    left: 0; right: 0; top: -5rem;
    width: 100%; height: 15rem;
    background: url(../img/white-bg-border.png) #ECEBEB;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}
.content_section.grey:after,
.content_section.force_grey:after{
    content: ''; position: absolute;
    left: 0; right: 0; bottom: -7rem;
    width: 100%; height: 15rem;
    background: url(../img/white-bg-border.png) #ECEBEB;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content_section.force_grey.no_before:before,
.content_section.force_grey.no_after:after{
    content: none !important;
}

/****************************************************************************
 * Content Title
 ****************************************************************************/
.content_title_row {
    text-align: center;
}
.content_title {
    display: block; text-align: center;
}
.content_title > * {
    font-family: 'Josefin Slab', serif;
    position: relative; display: block;
}
.content_title > h1,
.content_title > h2,
.content_title > h3,
.content_title > h4,
.content_title > h1,
.content_title > h6{
    line-height: 1.1;
    font-size: 2.25rem;
    display: inline-block;
}

.content_title > * > span {
    font-family:"Notera W01 Regular";
    font-weight: 400;
    margin: 0; padding: 0;
    text-align: center;
    display: block;
}
h1 .topline,
h2 .topline {
    font-family:"Notera W01 Regular";
    font-weight: 400;
    margin: 0; padding: 0;
    text-align: center;
    display: block;
}


/****************************************************************************
 * Post Content
 ****************************************************************************/
.content_wrapper .post_content {
    text-align: center;
}

/****************************************************************************
 * Button
 ****************************************************************************/
.old_button a.button,
.old_button a.button:visited {
    background: transparent !important;
    color: #626262 !important;
    position: relative !important;
    font-size: 1.125rem !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    padding: 0.85rem 1rem 2.85rem !important;
    overflow: hidden !important;
    margin: 0 !important;
    z-index: 3 !important;
}
.old_button a.button:hover,
.old_button a.button:focus {
    color: #006750 !important;
}
.old_button .button:after {
    content: '' !important; position: absolute !important;
    height: 16rem !important; width: 24rem !important;
    bottom: 1rem !important; left: -12rem !important; right: -12rem !important;
    margin: 0 auto !important; background: transparent !important;
    border-radius: 100% !important; border-bottom: 1px solid #006750 !important;
    border-left: 1px solid #006750 !important;
    border-right: 1px solid #006750 !important;
    z-index: -2 !important; pointer-events: none !important;
}
.old_button .button:before {
    content: '' !important; position: absolute !important;
    height: 16rem !important; width: 26rem !important;
    bottom: 2rem !important; left: -13rem !important; right: -13rem !important;
    margin: 0 auto !important; background: #FFFFFF !important;
    z-index: -1; pointer-events: none !important;
}
.old_button .button:hover,
.old_button .button:focus {
    background: transparent !important;
    color: #006750 !important;
    position: relative !important;
}
.grey .old_button .button:before {
    background-color: #ECEBEB;
}


a.button, .button,
a.button:visited, .button:visited {
    padding: 0.75rem 1.5rem 0.625rem;
    font-size: 1rem; color: #FFFFFF;
    background-color: #006750;
    border-radius: 5rem;
    font-weight: 700;
    text-transform: uppercase;
}
a.button:hover, .button:hover,
a.button:focus, .button:focus {
    color: #FFFFFF;
    background-color: #014a3a;
}
a.button, .button:after,
a.button, .button:before {
    content: none; 
}

.force_grey .button:before,
.grey .button:before{
	background:#ecebeb;
}

.woocommerce div.product.product-type-external form.cart .button {
	padding-left:0;
}



@media screen and (min-width: 40em) {

    /*.wrapper { padding-top: 6rem; }*/

    /****************************************************************************
     * Default Content
     ****************************************************************************/
    .content > .content_section:first-child {
        padding-top: 10rem;
    }
    .content > .content_section:first-child:not(.typo_slider_section) {
        padding-top: 8rem;
    }

    /****************************************************************************
     * Content Title
     ****************************************************************************/
    .content_title > h1,
    .content_title > h2,
    .content_title > h3,
    .content_title > h4,
    .content_title > h1,
    .content_title > h6{
        font-size: 2.75rem;
    }
    .content_title > * > span {
        /*margin-left: -3rem;
        text-align: left;*/
    }
    
    
    /****************************************************************************
     * Button
     ****************************************************************************/
    .button,
    .button:visited {
        font-size: 1.25rem;
    }
    
    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section.grey,
    .content_section.force_grey{
        padding: 6rem 2rem;
    }
    .content_section.force_grey.no_before {
        padding-top: 3rem ;
    }
    .content_section.force_grey.no_after {
        padding-bottom: 3rem ;
    }
    .content_section.grey:before,
    .content_section.force_grey:before{
        top: -6rem;
    }
    
    
    /****************************************************************************
     * Image-Left/Right
     ****************************************************************************/
    .image_left .content_wrapper > *,
    .image_right .content_wrapper > *{
        width: 100%;
    }
    .image_left .content_wrapper{
        padding-left: 50%;
    }
    .image_right .content_wrapper{
        padding-right: 50%;
    }
    
    .image_left .content_wrapper .post_content{ left: 0; }
    .image_left .content_wrapper .post_thumbnail,
    .image_right .content_wrapper .post_thumbnail{
        position: absolute; top: 50%; bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 100%; max-height: 25rem;
    }
    
    .image_top.image_right .content_wrapper .post_thumbnail,
    .image_top.image_left .content_wrapper .post_thumbnail {
        top: 0;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }
    .image_left .content_wrapper .post_thumbnail{
        left: auto; right: 50%;
    }
    .image_right .content_wrapper .post_thumbnail{
        left: 50%; right: 0;
    }
    
    .image_left .content_wrapper .post_thumbnail img,
    .image_right .content_wrapper .post_thumbnail img{
        max-width: none; height: 100%; width: auto;
        display: block;
    }
    .image_left .content_wrapper .post_thumbnail img{ float: right;}
    .image_right .content_wrapper .post_thumbnail img{ float: left; }
    
    
    /*.image_left.content_section,
    .image_right.content_section{
        overflow: hidden;
    }*/
}

@media screen and (min-width: 64em) {
	
	.wrapper { padding-top: 7rem; }
	
    /****************************************************************************
     * Default Content
     ****************************************************************************/
    .content > .content_section:first-child {
        padding-top: 12rem;
    }
    .content > .content_section:first-child:not(.typo_slider_section) {
        padding-top: 8rem;
    }
    .woocommerce-shop .content > .content_section:first-child:not(.typo_slider_section) {
        padding-top: 6rem;
    }

    /****************************************************************************
     * Content Section
     ****************************************************************************/
    .content_section.grey,
    .content_section.force_grey{
        padding: 7rem 2rem;
    }
    .content_section.force_grey.no_before {
        padding-top: 4rem;
    }
    .content_section.force_grey.no_after {
        padding-bottom: 4rem;
    }
    .content_section.grey:before,
    .content_section.force_grey:before{
        top: -7rem;
    }
    .content_section.grey:after,
    .content_section.force_grey:after{
        bottom: -6rem;
    }
    
}