@import '../constants.css';



.page-template-home .section.inner-page {

    background-color: var(--tertiary);

   }

   

.section.inner-page {

 /* padding-top: 70px;    */
 padding-bottom:  30px;

}



/* .section.inner-page .content {

    width: auto;

} */



.section.inner-page .fullWidth {

    width: 100%;

    overflow: hidden;

}

.section.inner-page.individual .fullWidth{

    padding-top: 64px;

}



.section.inner-page .row {

    overflow: hidden;

}



.section.inner-page .row .title {

    margin-bottom: 20px;

}

.section.inner-page.individual .row .title {

    margin-top: 0;

}



.section.inner-page .row .title hr {

    margin: 10px 0;

}



.section.inner-page .row .title h2, .section.inner-page .row .title h3 {

    margin: 0;

    font-size: 42px;

    line-height: 120%;

    color: var(--primary);

}

.section.inner-page .row blockquote,

.section.inner-page .row q {

    quotes: none;

    border-left: 3px solid var(--primary);

    padding: 0 20px;

}

.section.inner-page .row blockquote h4,

.section.inner-page .row q h4{

    font-weight: 700;

    margin-bottom: 0;

}

.alt-row:nth-last-child(odd) {

    background: #fff;

}

.section.inner-page .row .leftCont.float-right {

    float: right;

    margin-left: 2%;

    text-align: center;

}



.section.inner-page .row .leftCont.float-left {

    float: left;

    margin-right: 2%;

    text-align: left;

}



.section.inner-page .row .rightCont.float-right {

    float: right;

    margin-left: 2%;

    text-align: left;

}



.section.inner-page .row .rightCont.float-left {

    float: left;

    margin-right: 2%;

    text-align: left;

}



.section.inner-page .row .leftCont.width50,

.section.inner-page .row .rightCont.width50 {

    width: 48%;

}



.section.inner-page .row .leftCont.width50 img,

.section.inner-page .row .rightCont.width50 img {

    width: 100%;

}



.section.inner-page .row .leftCont.width60,

.section.inner-page .row .rightCont.width60 {

    width: 58%;

}



.section.inner-page .row .leftCont.width60 img,

.section.inner-page .row .rightCont.width60 img {

    width: 100%;

}



.section.inner-page .row .leftCont.width40,

.section.inner-page .row .rightCont.width40 {

    width: 38%;

}



.section.inner-page .row .leftCont.width40 img,

.section.inner-page .row .rightCont.width40 img {

    width: 100%;

}



.section.inner-page .row .imgBlock>div {

    display: inline-block;

    vertical-align: top;    

}



.section.inner-page .row .imgBlock.grid2 > div {

    width: 48.6%;

}



.section.inner-page .row .imgBlock.grid2 > div img {

    width: 100%;

}

.section.inner-page .container{

    position: relative;

}

/*.section.inner-page .row .img-wrap {

    padding: 0 16px 16px 0;

}*/

.section.inner-page .row .img-wrap img {

    position: relative;

    z-index: 2;

}

.section.inner-page .row .imgBlock.grid3>div {

    width: 32.2%;

    margin-bottom: 40px;

}



.section.inner-page .row .imgBlock.grid3>div.text img {

    width: 100%;

}



.section.inner-page .row .imgBlock.grid3>div.text .img {

    margin-bottom: 20px;

}



.section.inner-page .row .imgBlock.grid2>div:first-child {

    margin-right: 1%;

}



.section.inner-page .row .imgBlock.grid2>div:last-child {

    margin-left: 1%;

}



.section.inner-page .row .imgBlock.grid3>div:nth-of-type(2) {

    margin: 0 1% 40px;

}



.section.inner-page .row .imgBlock.grid3 a>h4 {

    margin: 10px 0;

    font-size: 24px;

    color: var(--primary);

    font-weight: 400;

}



.section.inner-page .row .box-grid {

    display: flex;

    flex-flow: row wrap;

}



.section.inner-page .row .box-grid>div {

    display: inline-block;

    vertical-align: top;

}



.section.inner-page .row .box-grid.grid-3>div {

    width: 31%;

    position: relative;

    min-height: auto;

    margin: 3% auto;

}



.section.inner-page .row .box-grid.grid-3>div .img {

    margin-bottom: 10px;

}

.section.inner-page  .pull-quote {
   max-width: 952px;
   margin: 0 auto;
}

.section.inner-page  .pull-quote p {
    font-family: var(--heading);
    font-size: 28px;
    line-height: 120%;
    font-weight: 700;
    color: var(--primary);
}



/* innerpage */


@media (min-width:1023px){
    .section.inner-page {
 padding-bottom:  100px;

}
}


@media screen and (max-width: 1024px) {

    /*==============Inner=================================*/

    .section.inner-page .fullwidth {

        margin-bottom: 20px;

    }



    .section.inner-page .row {

        /* .imgBlock.grid3 > div:nth-of-type(2) {

          margin: 20px 0;

      } */

    }



    .section.inner-page .row .leftCont.width50,

    .section.inner-page .row .rightCont.width50,

    .section.inner-page .row .leftCont.width60,

    .section.inner-page .row .rightCont.width60,

    .section.inner-page .row .leftCont.width40,

    .section.inner-page .row .rightCont.width40 {

        width: 100%;

    }



    .section.inner-page .row .leftCont.float-right,

    .section.inner-page .row .leftCont.float-left,

    .section.inner-page .row .rightCont.float-right,

    .section.inner-page .row .rightCont.float-left {

        float: none;

        margin-right: 0;

        margin-left: 0;

        margin-top: 20px;

    }



    .section.inner-page .row .imgBlock.grid2,

    .section.inner-page .row .imgBlock.grid3 {

        text-align: center;

    }



    .section.inner-page .row .imgBlock.grid2>div:first-child {

        margin-right: 0;

        margin-bottom: 20px;

    }



    .section.inner-page .row .imgBlock.grid2>div:last-child {

        margin-left: 0;

    }



    .section.inner-page .row .leftCont.width40 img,

    .section.inner-page .row .rightCont.width40 img,

    .section.inner-page .row .leftCont.width50 img,

    .section.inner-page .row .rightCont.width50 img,

    .section.inner-page .row .imgBlock.grid2>div img {

        width: auto;

    }



    .section.inner-page .row .imgBlock.grid3>div {

        width: 100%;

    }



    .section.inner-page .row .imgBlock.grid3>div:nth-of-type(3n+2) {

        margin: 0 0 40px;

    }



    .section.inner-page .row .imgBlock.grid2>div {

        width: 100%;

    }



    .section.inner-page .row .wrap-title {

        margin: 10px 0;

    }

    .section.inner-page .row .img-wrap {

        text-align: center;

        margin-bottom: 60px;

    }

    .section.inner-page .row .float-left .img-wrap:before {

        left: 40px;

    }

    /*==============Inner=================================*/

}



@media screen and (max-width: 767px) {

     .section.inner-page .title h1 {

        font-size: 34px;

        line-height: 44px;

     }

    /*

    .section.inner-page{

        padding-top: 40px;

    } 

    */

    .section.inner-page .row .title h2, .section.inner-page .row .title h3 {

        font-size: 32px;

        line-height: 120%;

    }

    .section.inner-page.individual .fullWidth {

        padding-top: 40px;

    }

    .section.inner-page .title.text-center hr {

        margin: 10px auto 0;

    }



    .section.inner-page .row .rightCont h2 {

        font-size: 32px;

        line-height: 40px;

    }

    .pb-120 {

        padding-bottom: 50px;

    }

    

    .pt-120 {

        padding-top: 50px;

    }

    .section.inner-page .row .float-left .img-wrap:before {

        left: 20px;

        top: 120px;

        height: 182px;

        width: 313px;

        content:'';

    }

    .section.inner-page .row .float-left .img-wrap:after {

        right: 10px;

        left: auto;

        top: -15px;

    }

    .section.inner-page .row .float-right .img-wrap:before {

        right: auto;

        top: 120px;

        height: 182px;

        width: 313px;

        left: 20px;

        content:'';

    }

    .section.inner-page .row .float-right .img-wrap:after {

        right: -20px;

        top: -80px;

        height: 214px;

        width: 111px;

    }

    .section.inner-page .row .img-wrap {

        padding: 0 16px 16px 0;

        text-align: right;

        margin-bottom: 0;

    }

    .section.inner-page .row .leftCont.width40 img, .section.inner-page .row .rightCont.width40 img, .section.inner-page .row .leftCont.width50 img, .section.inner-page .row .rightCont.width50 img, .section.inner-page .row .imgBlock.grid2>div img {

        width: 90%;

    }

}