/* =========================================================
   1. RESET & GLOBAL SETTINGS

   ========================================================= */


*, *::before, *::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   2. TYPOGRAPHY
   ========================================================= */

@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-ExtraLight.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Nunito';
  src: url('/templates/shaper_helixultimate/fonts/Nunito-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
body {
    margin: 0;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    color: var(--color-dark);
} 

/* Formulieren, knoppen, menu’s, inputs */
button,
input,
select,
textarea,
.nav,
.sp-megamenu-parent,
.sp-megamenu-parent a {
    font-family: 'Nunito', sans-serif !important;
}

body .sppb-row {
    margin:0;
}

/* =========================================================
   3. DESIGN TOKENS (COLORS, SPACING, RADII, TYPOGRAPHY)
   ========================================================= */

:root {
    --color-primary: #490722;
    --color-primary-light: #9b8595;


    --color-dark: #121212;
    --color-light: #f4f4f5;
    --color-grey: #ebebeb;   

/* Spacing scale */
    --space-xs: 10px;
    --space-sm: 15px;
    --space-md: 30px;
    --space-lg: 50px;
    --space-xl: 75px;

    --header-height: 143px;
    --max-width-content: 1320px;
    --col-max-width: calc(50% - var(--space-sm));
    --col-half-max-width: calc(25% - var(--space-sm));
    --min-height:350px;

    /* Typography */
    --font-base: 'Nunito', sans-serif;
    --font-weight-Xlight: 100;
    --font-weight-light: 200;
    --font-weight-regular: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    --font-weight-xbold: 800;

    --radius-md: 5px;
    --radius-lg: var(--space-xs);
    --border-radius: 0 10px 0 10px;
}



.divider-1140px, .sppb-divider {
    border-bottom-width: 1px;
    width: 1140px;
    border-color: var(--color-primary-light);
    margin: var(--space-lg, 0) 0;
}
.divider-90px {
    border-bottom-width: 5px;
    width: 90px;
    border-color: var(--color-primary);
    margin: var(--space-lg, 0);
}

.footer-info {
    scroll-margin-top: var(--header-height, 80px);
}


@media (max-width:991.98px) {
    :root {
        --space-lg: var(--space-md);
    }
}

/* =========================================================
   3. LAYOUT WRAPPERS
   ========================================================= */
.sppb-section {
    margin-top: var(--space-sm);
}
.sppb-row-container {
    width: 1320px;
    margin: 0 auto;
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
    padding-bottom: var(--space-sm);
}
.container-max {
    max-width: var(--max-width-content);
    margin: 0 auto;
    padding: 0 var(--space-sm);
}
.inner-columns {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    gap:20px;
}

.inner-columns > .sppb-addon-wrapper{
    flex:0 0 auto;
    max-width:var(--col-max-width) ;
    width:100% ;
}
.content-row {
    max-width:var(--max-width-content);
}

.content-column-l, .content-column-r {
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
}


/* Kolom op 100% hoogte */
.image-column-r {
    height: 100%;
    display: flex;
    justify-content: center;
}

/* Alle tussenliggende containers op 100% hoogte */
 .image-column-r > .sppb-addon-wrapper,
 .sppb-addon.sppb-addon-single-image,
 .image-column-r .sppb-addon-content {
    height: 100%;
    display: flex;
}

/* Centreer de afbeelding 
 .sppb-addon-single-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
*/
/* Afbeelding binnen de container */
 .sppb-addon-single-image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


@media (max-width: 1121.98px) {
    .sppb-row-container {
        width:100%;
    }

}
@media (max-width: 549.98px) {
    .inner-columns .sppb-addon-wrapper {
        max-width:100%;
    }

}

/* =========================================================
   5. TYPOGRAPHY
   ========================================================= */
/* Koppen */
h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif !important;
    font-weight: var(--font-weight-semibold);
}

/* Paragrafen */
p {
    font-family: 'Nunito', sans-serif !important;
    font-weight: var(--font-weight-regular);
}

/* Links */
a {
    font-family: 'Nunito', sans-serif !important;
    font-weight: var(--font-weight-semibold);
}
body h1 {
    font-size: 55px;
    font-weight: var(--font-weight-bold);
}

body h2 {
    font-size: 28px;
}
body h3 {
    font-size: 18px;

}

body a {
    color:var(--color-primary);
}
body a:hover {
    color:var(--color-light);
}


body p {
    line-height: 1.6;
}

.outline-text { 
    color: var(--color-light); 
    -webkit-text-stroke: 2px var(--color-dark); 
    text-shadow: -1px -1px 0 var(--color-dark), 1px -1px 0 var(--color-dark), -1px 1px 0 var(--color-dark), 1px 1px 0 var(--color-dark); 
}

.fas:before, .far:before {
    color: var(--color-primary-light);
}

@media (max-width:991.98px) {
    body h1 {
        font-size: 45px;
    }
}


@media (max-width:766.98px) {
    body h1 {
        font-size: 35px;
    }
    body h2 {
        font-size: 18px;
    }
}



 .first-screen {
    --margin-top: var(--space-lg); 
    --margin-bottom: var(--space-lg); 
}

.sppb-row-column {
    padding: 0;
}


.sppb-addon.sppb-addon-single-image {
    justify-content:center;
}

.sppb-addon.sppb-addon-single-image .sppb-addon-title {
    font-size: 14px;
    text-align: center;
}

.home-carousel {
    --margin-top:-(var(--space-sm));

}

 .sppb-carousel-extended-outer-stage {
    height: 240px!important;
  }

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item img,
.sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay {
    border-radius: 0px 0px 8px 8px!important;
}


.sppb-articles-carousel-img-link img
  {
      margin:auto!important
  }
 .sppb-articles-carousel-img
  {
      height:220px!important;
  }
  .sppb-carousel-extended-heading {
    font-size: 16px;
    margin-bottom: 0px!important;
}



/*=====================

ENGINE

========================*/

#sp-page-builder .page-content .sppb-section {
    height: var(--height);
    margin-top: var(--margin-top);
    margin-bottom: var(--margin-bottom);
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);

}

.side-menu
{
    margin-top: var(--space-xl);
}

#sidemenu
{
    display: block!important;
}


.form-control
{
    Background-color: #c8dbed!Important;
}

blockquote.color {
	padding-left: 75px;
	padding-right: 0;
    padding-top:20px;
	background-position:  0 0;
	background-repeat: no-repeat;
	font-style: normal;
	line-height: 28px;
	font-size: 24px;
	background-image: url(../images/blockquote.png);
	color: #C8DBED;
}

a
{
    color:#434343!important;
}

a:hover
{
    color:#0c4e8d!important;
}

a:active
{
    color:#0c4e8d!important;
}

.divider
{
    padding-right: 10px !important;
}

.breadcrumb-item.active {
    color: #c8dbed;
    }



#navbar151 li{
        float:left;
        margin-right:20px;
        list-style:none;
        }
        
#navbar151 li:after{
        content:'|';
        margin-left:20px;
        }

        #navbar151 > li:last-child:after{
        content:'';
        margin-left:0;
        }

#footermenu
{
    margin-left:auto;
    margin-right:auto;
}

.sp-copyright
{
    display:table;
    margin: 0 auto;
}

.breadcrumb
{
    background-color: #fdf4a7!important;
}


#sp-footer {
    position: relative;
    z-index: 10;
}

.sppb-row-container

/* Sidemenu */

    /* Level 1 */

        /* Streepjes tussen top level */
    
/*        #sidemenu > li.nav-item 
            {
                border-top: 1px solid #ddd;
            }

        #sidemenu > li.nav-item:first-child
            {
                border-top: none;
            } 



            /*  Level 2         */

/*        .deeper.parent > ul
            {
                display:none;
            }

        .deeper.parent.current > ul
            {
                display:block;
            }

        ul:has li.current
            {
                display:block;
            }
        
            
        $ul > li.current
            {
                display:block;
            }


        .list-unstyled 
            {
            list-style:disc;
            padding-left:20px;

            }

       #sidemenu > li
            {
                padding:13px 0;
            }



/* Pagination SermonSpeaker*/

/*

.com-sermonspeaker-sermons__pagination li{
    color: black;
    float: left;
   list-style-type: none;
    text-decoration: none;
    transition: background-color .3s;
  }
  
  .com-sermonspeaker-sermons__pagination li.active {
    background-color: #5fa3c4!important;
    color: white;
  }


  .page-item.active .page-link
    
  { 
      color:#5fa3c4!important;
  }

  .btn-primary
  {
      margin-bottom:20px!important;
      background-color:#5fa3c4!important;
  }

  .newsflash-title
  {
     margin-top:5px;
      Padding-top:20px;
      border-top: solid 1px #e5ebf1;
  }


 


  .bx-controls-direction
  {
      padding-top:50px!important;
  }

  .bx-pager 
  {
      display:none!important;
  }

  #sp-footer .container-inner
  {
      padding:0px!important;
  }

  #sp-bottom
  {
      padding-top: 20px!important;
  }

  .article-info.sermon-info
  {
      display:block!important;
  }