/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'roteskbold';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roteskmedium';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-medium-webfont.woff') format('woff');
    font-weight: normal;
font-style: normal;

}

@font-face {
    font-family: 'rotesklight';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roteskregular';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/rotesk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.eot');
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.woff') format('woff'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.eot');
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/helvetica-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.eot');
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('/wp-content/themes/oceanwp-child-theme-master/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'helveticaneue-heavy';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/helveticaneue-heavy-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/helveticaneue-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/ProximaNova-Light.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/ProximaNova-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.eot');
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/ProximaNova-Semibold.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'disturbanceregular';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/disturbance-webfont.eot');
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/disturbance-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/disturbance-webfont.woff') format('woff'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/disturbance-webfont.ttf') format('truetype'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/disturbance-webfont.svg#disturbanceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweather-light';
    src: url('/wp-content/themes/oceanwp-child-theme-master/fonts/merriweather-light.woff2') format('woff2'),
         url('/wp-content/themes/oceanwp-child-theme-master/fonts/merriweather-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
/*
	Voor font-family: 
	Wens is Helvetica Neue te gebruiken. 
	Dit font is op Apple computers standaard geïnstalleerd.
	Hiervoor is aan te roepen: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, etc
	Echter: Windows computers hebben geen Helvetica, deze vallen dus terug naar Arial.
	Dat is niet mooi.
	Daarom webfont gemaakt van Helvetica Neue Light.
	Deze op server gezet, en via @font-face aan te roepen als Helvetica Neue.
	Indien internet verbinding werkt, wordt deze voor alle besturingssystemen gebruikt, ook Windows.
	Indien verbinding faalt, valt Apple terug naar geïnstalleerd font HelveticaNeue-Light, etc.
	Windows valt dan alsnog terug naar Arial. Maar zal niet vaak voorkomen.
*/
	font-family: Helvetica Neue Light, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 19.0px!important;
	font-weight:300!important;
	color: rgba(77,85,102,0.9)!important;
	letter-spacing: 0.01em!important;

}


h1, h2,
#blog-entries .post .blog-entry-header .entry-title a  {font-family: roteskbold!important;
	font-weight: 300!important;	/*letter-spacing: -0.05em!important;*//* letter-spacing:-0.05em!important; */
}

body.home .page-header-inner {
 text-align:left;
}

/* 
h2 {
	letter-spacing: -1.2px!important;
}
 */

#site-header.top-header #site-logo #site-description h2 {
    color: rgba(77,85,102,0.6)!important;
    text-transform: none;
}

/*Chrome hack*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    h1, h2,
    #blog-entries .post .blog-entry-header .entry-title a   {font-weight: 500!important;
letter-spacing: -1.2px!important;    }
}*/

h3, h4 {font-weight: normal!important;
	letter-spacing: -0.6px!important;
}


#site-header.top-header #site-logo {
 padding:5px 0 0 0!important;
}

#site-header.top-header #site-logo #site-description {
    padding-top: 10px;
}

.page-subheading {
	margin-bottom: 25px;
}







h2, h3 {
	margin: 75px 0 10px 0;
}

#site-header.transparent-header {
	box-shadow: none!important;
}

.has-transparent-header .is-sticky #site-header, 
#site-header.medium-header .is-sticky .bottom-header-wrap {
box-shadow: 0 2px 100px rgba(0,0,0,0.1)!important;
-webkit-box-shadow: 0 2px 100px rgba(0,0,0,0.1)!important;
-moz-box-shadow: 0 2px 100px rgba(0,0,0,0.1)!important;
}

/*.page-subheading {
/*Let op:
Deze waarden worden bepaald via de customizer
Echter, de subtitels op de blogpage (overzichtpagina) worden via functions.php aangeroepen
Daardoor hier de css definities speciaal voor deze subheadings nog eens opnemen, anders pakken ze niet*!/
	font-family: proxima_novasemibold;
    font-size: 23px;font-weight: 600!important;letter-spacing: -0.8px;color: rgba(77,85,102,0.45)!important;
   
    margin-bottom: 5px;
    line-height: 1.2;
}*/

.page-subheading {
/*Let op:
Deze waarden worden bepaald via de customizer
Echter, de subtitels op de blogpage (overzichtpagina) worden via functions.php aangeroepen
Daardoor hier de css definities speciaal voor deze subheadings nog eens opnemen, anders pakken ze niet*/
	
    font-family:roteskregular;font-size: 19px!important;font-weight:300!important;letter-spacing: -0.4px;color: rgba(77,85,102,0.5)!important;
   
    margin-bottom: 5px;
    line-height: 1.2;
}


div.excerpt {
	font-size: 19px; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;letter-spacing: -0.02em!important;font-weight: 100!important;
	color: #101010!important;
	border-bottom: 1px solid #eaeaea;
	padding-bottom:35px;
	margin-bottom: -15px;margin-top: 20px;
}

.blog-entry-summary .excerpt {
	border-bottom: none!important;
	padding-bottom: 20px!important;
}

.wp-block-table td   {
border: none;
border-top: 1px solid #eeeeee!important;
padding: 25px 0 25px 0!important;}


.wp-block-table .has-subtle-light-gray-background-color td {
padding: 25px 15px 25px 40px!important;
}









/* 
Voorkomen dat, zodra maar 1e kolom tegelijkertijd getoond wordt,
doordat -responsive gezien- geen plaats meer is voor 2 naast elkaar,
de betreffende 1e kolom wel 100% breed wordt getoond, en niet 66,66%.
Zie: https://generatepress.com/forums/topic/columns-breakpoint/#post-785905
 */
@media (max-width:781px) {
 .wp-block-column {
  flex-basis:100%!important
 }
}
@media (min-width:782px) {
 .wp-block-column {
  flex-basis:calc(50% - 16px);
  flex-grow:0
 }
 .wp-block-column:nth-child(2n) {
  margin-left:32px
 }
}
@media (min-width:782px) {
 .wp-block-column:not(:first-child) {
  margin-left:32px
 }
}




.wp-block-separator.is-style-wide {
 max-width:100%;
}







.small-font {
font-size: 80%!important;}


a.mtli_attachment {
margin-left:-30px;
}



ul.meta li i {
	display: none;
}




.blog-entry-summary.clr > p {
	margin: 0;
}

.more-link {
	display: none;
}



#site-logo a.site-logo-text {font-weight: 600!important;
    letter-spacing: -0.02em!important;
}

#site-logo a.site-logo-text::after {
/*    color: rgba(174, 145, 66, 1);*/
    color: #fff!important;
    content: ".";font-weight: 900;
}

/*Chrome hack*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #site-logo a.site-logo-text   {font-weight: 500!important;
letter-spacing: -1.2px!important;    }
}*/




.blog-entry.post .blog-entry-header {
    margin-bottom: 0px;
}


ul.meta,
.blog-entry.post ul.meta {
    margin: 0 0!important;
}




	
	
	
.blog-entry.large-entry .thumbnail,
.single .thumbnail {
    margin-bottom: 0px;
}


#site-logo #site-logo-inner a img {/*margin:-25px auto -25px 20px!important deze css was nodig bij een cirkel: om omhoog te trekken*/}









/*Originele blockquote door Marc Bijl - Begin*/
blockquote::before {
    color: rgba(174, 145, 66, 0.75);
    content: "“";
    font-family: Times New Roman,Times,serif;
    font-style: normal;
    font-size: 90px;
    font-weight: 900;
    background-color: #ffffff; padding: 10px;

}

blockquote {
/*    font-family: "merriweather-light", Times New Roman,Times,serif;
    font-style: italic;font-weight: 600!important;color: rgba(77,85,102,0.65)!important;
    font-size: 17px;*/ font-family:roteskregular; font-style:normal;font-size: 20px!important;letter-spacing: -0.2px!important;
	color: #000!important;
    line-height: 1.5em;
    margin: 75px 0 !important;
    padding: 0px 0 35px 0 !important;
    border-top: 1px solid rgba(77,85,102,0.2) !important;
    border-bottom: 1px solid rgba(77,85,102,0.2) !important;
    border-left: none;
    color: #4d5566;
    text-align: center;
}

blockquote p {
	
}
/*Originele blockquote door Marc Bijl - Eind*/


















/* css voor gebruik pull quotes */
/* Zie: http://jeremyjon.es/code/accessible-web-design-pull-quotes/ */
/* mobile-first design css */
.pull-quote-left,
.pull-quote-right {

font-family:roteskregular; font-style:normal;font-size: 20px!important;letter-spacing: -0.2px!important;
color: #000!important;
line-height: 1.8em;


    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 1em auto;
    padding: 1em 0 1em 0;
}

/* tablet styles */
@media screen and (min-width: 34em) {
    .pull-quote-left {
        float: left;
        width: 50%;
        padding: 1.2em 0 1.2em 0;
        margin: .8em 2em .8em 0;
    }
}

@media screen and (min-width: 34em) {
    .pull-quote-right {
        float: right;
        width: 50%;
        padding: 1.2em 0 1.2em 0;
        margin: .8em 0 .8em 2em;
    }
}
   
/* desktop styles */
@media screen and (min-width: 58em) {
    .pull-quote-left {
        margin-left: -20%;
    }
}

@media screen and (min-width: 58em) {
    .pull-quote-right {
        margin-right: -20%;
    }
}




























.elementor-image-gallery .gallery-item img {
	margin-bottom: 0!important;
	margin-top: 0!important;
	-webkit-filter: opacity(50%); /* Safari 6.0 - 9.0 */
    filter: opacity(50%);
    }

.elementor-image-gallery .gallery-item img:hover {
	margin-bottom: 0!important;
	margin-top: 0!important;
	-webkit-filter: opacity(100%); /* Safari 6.0 - 9.0 */
    filter: opacity(100%);
    }




.wp-caption-text {font-style: normal; margin-bottom:25px;margin-top:-10px;font-size: 16px;
}





 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding:0;
}



#excerpt {
	padding-top: 25px; 
	padding-bottom:25px; 
	border-bottom: 1px solid #e6eaf2;
	margin-bottom:-5px;
}


#excerpt h2 {
	margin-top:-10px!important;
}







#blog-entries {
	padding-top:50px;
}




.single .entry-content h2 {
	padding-top:0; 
}


.somdn-shortcode-wrap.left {
 text-align: center!important; margin: -15px auto 25px auto;
}

.somdn-download-button, .single_add_to_cart_button, .button {
 border-radius: 3px; text-transform: none; font-size:14px; letter-spacing:0.5px;
}

.somdn-capture-email-text-wrap p {
 text-align: left;
/* font-family: proxima_novalight!important;*/
 margin-top: 15px;
 font-size: 20px!important; font-weight: 300!important;
}







.comment-body img.avatar {
margin-top: 0!important;
}




.elementor-share-btn {color: #ae9142!important;border-color: #ae9142!important;}

.elementor-button {color: white!important;background-color:#ae9142!important;}





/* Mailpoet styles */
/* paragraphs (label + input) */
.mailpoet_paragraph {
  display:inline-block!important;
  line-height:20px;
  margin-right:25px;
}

.mailpoet_checkbox_label {font-weight:300!important;}