/*
Theme Name:   INN Oefentherapie
Description:  Child theme voor INN Oefentherapie
Author:       Johan van der Hooft
Author URL:   https://jipmedia.nl
Template:     basis-theme
Version:      1.0
Text Domain:  inn-oefentherapie
*/

/* Write here your own personal stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');


body {
    margin-top: 73px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #002d69;
}

@media only screen and (min-width: 990px){
    body {
        margin-top: 100px;
    }
}

/*
====> Font
--------------------------------------------------------------*/

p {
    font-size: 18px;
    color:#002d69;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Raleway';font-weight:800;color:#002d69;}

h2{font-size:32px;}

a {
    color: #002d69;
}

a:hover {
    color: #002d69;
}

/*
====> Logo
--------------------------------------------------------------*/

img[src$=".svg"] { width: 100%; height: auto; }

.navbar-brand img {
    max-height: 70px;
    width: 76%;
    padding: 0;
    max-width: 150px;
}


@media only screen and (min-width: 990px){
.navbar-brand img {
    max-height: 110px;
    width: 100%;
    padding: 0;
    max-width: 163px;
}
}

/*
====> Navbar
--------------------------------------------------------------*/

.navbar-nav .nav-link {
    color: #002d69;
    font-weight: 400;
    font-size: 18px;
    padding-right: 2rem!important;
}

.dropdown .dropdown-menu a {
    color: #002d69!important;
}

/*
====> Navbar toggler
--------------------------------------------------------------*/

.navbar-toggler-icon p {
    margin-bottom: 0;
    color: #002d69;
    text-transform: uppercase;
}

.navbar-toggler-icon p:before {
    color: #002d69;
}

/*
====> Button navigatie
--------------------------------------------------------------*/
.button-navigatie li{
    font-family: 'Raleway', sans-serif;
    list-style:none;
    font-weight:600;
}

@media only screen and (max-width: 990px){
.button-navigatie {
    margin-bottom:15px;
    margin-left: 10px;
}
}

/*
====> Breadcrumps
--------------------------------------------------------------*/
#page-breadcrumps {
  padding: 10px 0px;
  background-color: #002d69!important;
  }

#page-breadcrumps p {
  margin-bottom: 0;
  color: #fff; }

#page-breadcrumps a {
  color: #fff; }
  
/*
====> Tekst kleuren
--------------------------------------------------------------*/

.text-default{color:#0E2d6d!important;}
.text-lblue{color:#00b4ac!important;}
.text-blue{color:#00adee!important;}
.text-green{color:#8bc53f!important;}
.text-yellow{color:#ffdd00!important;}
.text-orange{color:#f58a1f!important;}
.text-lblue{color:#00b4ac!important;}
.text-red{color:#ec1c24!important;}
.text-pink{color:#eb008b!important;}
.text-purple{color:#652d90!important;}

.sow-icon-fontawesome[data-sow-icon]:before {
    content: attr(data-sow-icon);
    color: #fff!important;
}

/*
====> Jumbotron
--------------------------------------------------------------*/
.jumbotron{text-shadow:none!important;}
.jumbotron p{
    font-size:18px;
    max-width:750px; 
    margin-bottom:10px;
}
.jumbotron h1{
    text-shadow:none;
    margin-bottom:0;
}
.jumbotron a {
    display: inline-block;
    font-size: 1em;
    padding: 0.5em 1em;
    color: #002d69;
    border-width: 1px 0;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    background: #fff;
    text-decoration: none !important;
    margin-top: 15px;
}
.jumbotron a:hover {font-weight:600;}

.jumbotron-text{
    background-color: rgba(0, 45, 105, 0.5);
    width: fit-content;
    padding: 10px;
    border-radius: 0.25em;
    -webkit-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
}

/*
====> Blog pagina
--------------------------------------------------------------*/
img.wp-post-image, article img, figure, img, #secondary img {
    max-width: 100%;
    height: auto;
    border-radius: 0.25em;
}

/*
====> Tekst pagina
--------------------------------------------------------------*/
.header-wrap {
    text-align: left;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #222;
}

.header-wrap h1 {
    font-size: 28px;
}

@media only screen and (min-width: 762px){
.header-wrap h1 {
    font-size:46px;
}
}

/*
====> Checkmark
--------------------------------------------------------------*/
.checkmark ul li {
    margin-bottom: 8px;
    color: #002d69;
}

/*
====> Tarieven
--------------------------------------------------------------*/
.tarieven table{
    margin-bottom:10px;
}

.tarieven td{
    padding:5px;
}

.widget_recent_entries{
    background-color: #002d69;
    padding: 20px;
    color: #fff;
    border-radius: 0.25em;
    -webkit-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    margin-top: 0;
}

.widget_recent_entries h3{
  color:#fff;
  font-size:26px;
}

.widget_recent_entries a{
  color:#fff!important;
  font-size: 14px;
  font-weight:700;
}

@media only screen and (min-width: 762px){
.widget_recent_entries {
    margin-top: 62px;
}
}

/*
====> Sidebar rechts
--------------------------------------------------------------*/
@media (min-width: 768px) {
  #right-sidebar {
    padding-left: 30px;
    border-left: 1px solid #ececec;
    margin-bottom: 35px; } }

#right-sidebar ul {
  list-style: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0; }

#right-sidebar .widget_nav_menu ul li:before {
  display: none; }

#right-sidebar .widget_nav_menu li {
  padding: 7px 0;
  border-bottom: 1px solid #ececec; }

#right-sidebar .widget-title {
  font-size: 1.2em !important;
  font-weight: 600; }

#right-sidebar .widget a {
  width: 100%;
  display: block; }


/*
====> Sidebar
--------------------------------------------------------------*/
.sidebar-menu {
    background-color: #002d69;
    padding: 20px;
    color: #fff;
    border-radius: 0.25em;
    -webkit-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    margin-top: 0;
}

@media only screen and (min-width: 762px){
.sidebar-menu {
    margin-top: 62px;
}
}
.sidebar-menu h3{
  color:#fff;
  font-size:26px;
}

.sidebar-menu a{
  color:#fff;
  font-size: 14px;
  font-weight:700;
}

.sidebar-menu ul{
  padding-inline-start: 0;
}

.sidebar-menu li{
    list-style:none;
}

.sidebar-contact{
    background-color:rgba(0, 173, 238, 1)!important;
    margin-top: 0;}   
    
.sidebar-contact a {
    font-size: 18px;
    font-weight: 700;
}
    
.sidebar-contact i{
    padding-right:5px;
}

.sidebar-menu-contactform{
    margin-top: 0;
}


@media (min-width: 780px){
    .sidebar-menu-contactform{
    margin-top: 33px;
}
}

/*
====> Sidebar box
--------------------------------------------------------------*/
.sidebar-box-dark{
  background-color:#002d69;
  padding:20px;
  color:#fff;
  margin-bottom:25px;
}

.sidebar-box-dark h3{
  color:#fff;
}

.sidebar-box-dark .so-panel {
    margin-bottom: 0!important;
}

.sidebar-box-dark ul {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0; }

.sidebar-box-dark ul li {
  margin-bottom: 8px; }

.sidebar-box-dark ul li:before {
  color: #fff;
  font-family: 'icomoon';
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\ea10";
  margin-right: 10px;
  font-size: 18px; }

.sidebar-box-light{
  background-color:#f1f1f1;
  padding:20px;
  color:#002d69;
}

.sidebar-box-light a{
  font-size: 28px;
  font-weight: 700;
  color:#002d69;
}



/*
====> Rij style 2
--------------------------------------------------------------*/

.row-01{
    padding-top:0;
    padding-bottom: 0;
	background-color: #fff;
}

@media only screen and (min-width: 762px){
.row-01 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}
}

/*
====> Rij style 2
--------------------------------------------------------------*/
.row-02{
    padding-top: 60px;
    padding-bottom: 60px;
	background-color: #002d69;
}

.row-02 h2{
	color: #fff;
	font-weight: 600;
}
.row-02 p{
	color: #fff;
}
.row-02 h3{
	font-size: 32px;
	font-weight: 600;
}

/*
====> Rij style 3
--------------------------------------------------------------*/
.row-03 .so-panel {
    margin-bottom: 0!important;
}

.row-03{
    padding-top: 60px;
    padding-bottom: 60px;
	background-color: #f5f5f5;
}

.row-03 h2{
	color: #002d69;
	font-weight: 800;
}
.row-03 p{
	color: #002d69;
}
.row-03 h3{
	font-size: 32px;
	font-weight: 800;
}

/*
====> Box
--------------------------------------------------------------*/
.box .so-panel {
    margin-bottom: 0!important;
}

.box-text .so-panel {
    margin-bottom: -30px!important;
}

.box {
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.25em;
    webkit-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 9px 16px -8px rgba(0,0,0,0.75);
}

.box p{font-size: 18px;min-height: 195px;}

.box .sow-icon {
    font-size: 60px !important;
}

.box .box-price {
    font-size: 22px;
    font-weight: 600;
}

.box a {
    display: inline-block;
    font-size: 1em;
    padding: 0.5em 1em;
    border-width: 1px 0;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    text-decoration: none !important;
    margin-top: 15px;
}


.box-dark p{color:#fff!important;}
.box-dark h3{color:#fff!important;font-size: 24px;}
.box-dark li{color:#fff;}
.box-dark a{background: #fff;color: #002d69;}
.box-dark .sow-icon span{color:#fff!important;}

@media only screen and (min-width: 762px){
.box-dark h3{font-size: 26px;}
}

.box-light h3{  color:#002d69!important;}
.box-light p{color:#002d69!important;}
.box-light a{background: #002d69;color: #f5f5f5;}
.box-light .sow-icon span{color:#002d69!important;}


.box-dark{background-color:#0E2d6d;}
.box-light{background-color:#f5f5f5;}
.box-default{background-color:#0E2d6d!important;}
.box-lblue{background-color:#00b4ac!important;}
.box-blue{background-color:#00adee!important;}
.box-green{background-color:#8bc53f!important;}
.box-yellow{background-color:#ffdd00!important;}
.box-orange{background-color:#f58a1f!important;}
.box-lblue{background-color:#00b4ac!important;}
.box-red{background-color:#ec1c24!important;}
.box-pink{background-color:#eb008b!important;}
.box-purple{background-color:#652d90!important;}

/*
====> SEO Scan
--------------------------------------------------------------*/
.seo-scan{background-color: #002d69; padding: 20px;}
.seo-scan-titel h3{color: #FFFFFF!important;}
.seo-scan-titel p{color:#FFFFFF; }
.seo-scan-form input{margin: 0; margin-top: 10px!important;border-radius: 5px;}

/*
====> Contact formulier
--------------------------------------------------------------*/
.wpcf7 input[type=submit] {
    border-color: #8bc53f!important;
    background-color: #8bc53f!important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
}

.form-control, .wpcf7 input[type=text], .wpcf7 input[type=search], .wpcf7 input[type=url], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=date], .wpcf7 input[type=month], .wpcf7 input[type=week], .wpcf7 input[type=time], .wpcf7 input[type=datetime], .wpcf7 input[type=datetime-local], .wpcf7 input[type=color], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=submit], .wpcf7 select, .wpcf7 textarea, .wpcf7 .wpcf7-validation-errors {
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
}

/*
====> Neem contact op - formulier bottom
--------------------------------------------------------------*/
.neem-contact-op{
  text-align:center;
}

.neem-contact-op h3{
  font-size:32px;
}

.neem-contact-op-button{
  margin-top:25px;
}


/*
====> Buttons
--------------------------------------------------------------*/

.btn {
     box-sizing: border-box;
    font-size: 1em;
    padding: 0.5em 1em;
    color: #ffffff !important;
    border-width: 1px 0;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
	
.btn a{
	color: #fff !important;
	text-decoration: none !important;
}

.btn-center{
	text-align: center;
}

a.blue{
	color: #fff !important;
	text-decoration: none !important;
    background: #002d69;
   text-decoration: none !important;
}
a:hover .blue{
	background-color: #0B44C1!important;
}

a.orange{
    background-color: #98bf0d !important;
}
a.orange{
	color: #fff !important;
	text-decoration: none !important;
}
a.orange a:hover{
	background-color: #FF8C00;
}

.btn-secondary {
    color: #fff;
    background-color: #8bc53f;
    border-color: #8bc53f;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #00b4ac;
    border-color: #00b4ac;
}
/*
====> Pagina lijst
--------------------------------------------------------------*/
.page-list ul{
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.page-list li{
    list-style: none;
    padding-bottom: 5px;
}

.page-list li:before {
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\e902";
    margin-right: 10px;
}

/*
====> Blog carousel
--------------------------------------------------------------*/
.sow-carousel-wrapper .sow-carousel-items .sow-carousel-item h3 {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    margin: 0;
    background-color: #00adee;
    padding: 10px;
}

.sow-carousel-item{
    border-radius:6px;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease,-webkit-box-shadow
}

/*
====> Slider
--------------------------------------------------------------*/

#slider-text{
  padding:50px 0 130px 0;
}

#slider .so-panel {
    margin-bottom: 0!important;
}

#slider-text h1{
  font-size:36px;
  color: #fff !important;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
  margin:0;
}


#slider-text p{
  color:#fff;
      font-size: 28px;
      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 762px){
#slider-text h1{
  font-size:42px;
}

#slider-text p{
  color:#fff;
      font-size: 36px;
}
}

.no-top-margin{margin-top:-30px;}


#box-row{
  padding-top:50px;
  padding-bottom:50px;
  margin-top: -30px;
}

#box-row .so-panel {
    margin-bottom: 0!important;
}

.box-row-2{
    margin-top:35px;
}

.box{
    background: #fff;
    border-radius: 6px;
    color: #000;
    height: 100%;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease,-webkit-box-shadow .2s ease;
  padding: 25px;
  position:relative;
  z-index:999;
}

.box .so-widget-sow-button{
  margin-top:15px;}


@media only screen and (min-width: 762px){
  #slider-text h1{
    font-size:54px;}
  
  #box-row{
  padding-top:50px;
  padding-bottom:50px;
  margin-top: -150px;
}
}

/*
====> Footer
--------------------------------------------------------------*/
.footer-widgets-wrapper {
    background-color: #002d69!important;
}
.incave-underline {
    display: none;
}

/*
====> Theme fix
--------------------------------------------------------------*/
.checkmark {
  margin-top: 0; }