/* Site CSS */

/*FONTS START*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?zdyysl');
  src:  url('../fonts/icomoon.eot?zdyysl#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?zdyysl') format('truetype'),
    url('../fonts/icomoon.woff?zdyysl') format('woff'),
    url('../fonts/icomoon.svg?zdyysl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tiktok:before {
  content: "\e900";
}

/*FONTS END*/

#nav {background-color: #a8aa19;}
#nav .nav>li>a {background-color: #a8aa19; color: #000;}
#nav .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: #fff; color: #c10037;}
#nav .nav>li>a:hover, #nav .nav>li>a:focus {color: #c10037;}


#header {
    padding: 30px 0 10px 0;
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255,.5);
}
#home #header {
    padding: 30px 0 0px 0px; 
    z-index: 50;
}
#home #hero {
     background:#000 center center no-repeat;
     padding-top: 0px;
 }

#hero {
     background:#000 center center no-repeat; 
     padding-top: 200px;
 }

.breathingroom {
    margin-bottom: 30px;
}
.breathingroom2 {
    margin-left: 20px;
}

.black-box {
    background-color: #000;
    color: #fff;
    padding: 20px;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

@media (max-width: 768px) {
    #home #header {
    position: relative;
}
}


.greek-row div {
    margin-bottom : 15px;
}

/*  Bootstrap Clearfix for auto wrapping rows */
/*  Tablet  */

@media (min-width:767px) {
    /* Column clear fix */
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1),
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}


/*  Medium Desktop  */

@media (min-width:992px) {
    /* Column clear fix */
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1),
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}


/*  Large Desktop  */

@media (min-width:1200px) {
    /* Column clear fix */
    .row-auto .col-md-1:nth-child(12n+1),
    .row-auto .col-md-2:nth-child(6n+1),
    .row-auto .col-md-3:nth-child(4n+1),
    .row-auto .col-md-4:nth-child(3n+1),
    .row-auto .col-md-6:nth-child(2n+1),
    .row-auto .col-sm-1:nth-child(12n+1),
    .row-auto .col-sm-2:nth-child(6n+1),
    .row-auto .col-sm-3:nth-child(4n+1),
    .row-auto .col-sm-4:nth-child(3n+1),
    .row-auto .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .row-auto .col-lg-1:nth-child(12n+1),
    .row-auto .col-lg-2:nth-child(6n+1),
    .row-auto .col-lg-3:nth-child(4n+1),
    .row-auto .col-lg-4:nth-child(3n+1),
    .row-auto .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}

.callout-box {
    text-align : center;
    padding : 0;
}

#callout-1 {
    background : url(../img/callout-bg.jpg);
    background-size : cover;
}

#callout-2 {
    background : url(../img/callout-bg-2.jpg);
    background-size : cover;
}

#callout-3 {
    background : url(../img/callout-bg-3.jpg);
    background-size : cover;
}

#callout-4 {
    background : url(../img/callout-bg-4.jpg);
    background-size : cover;
}

.callout-box a {
    background: rgba(0, 0, 0, 0.6);
    display : block;
    height : 350px;
    padding: 40% 15px;
    color : white;
    font-size : 30px;
    font-weight : 700;
    font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
    text-decoration : none;
}

.callout-box a:hover {
    background: rgba(0, 0, 0, 0.3);
}

#get-involved-title {
    font-size : 2.25em;
    text-align : center;
}

.get-involved-block
{
    background : url(../img/callout-bg.jpg);
    background-size : 50%;
    background-position : right top;
    height : 200px;
    padding : 0;
    margin : 10px 0;
}

.get-involved-block#gi-block-1 {
    background-image : url(../img/get-involved-1.jpg);
}

.get-involved-block#gi-block-2 {
    background-image : url(../img/get-involved-2.jpg);
}

.get-involved-block#gi-block-3 {
    background-image : url(../img/get-involved-3.jpg);
}

.get-involved-block#gi-block-4 {
    background-image : url(../img/get-involved-4.jpg);
}

.get-involved-block#gi-block-5 {
    background-image : url(../img/get-involved-5.jpg);
}

#list-serv
{
    background : #a8aa19;
    text-align : center;
    color : black;
    padding-top : 10px;
}

#list-serv-title {
    color : black;
    font-size : 20px;
    font-weight : 700;
    font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
    text-decoration : none;
    border : 0;
    margin-bottom : 8px;
}


.text-half {
    background : #a8aa19;
    height : 100%;
    display : block;
    padding : 20% 15px;
}

.text-half a {
    color : black;
    font-size : 20px;
    font-weight : 700;
    font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
    text-decoration : none;
}

.mission-wrapper {
    background-color : #eaeaea;
    margin : 25px 0;
}

.mission-statement {
    padding : 20px;
    width : 75%;
    margin : auto;
}

.mission-statement h2 {
    text-align : center;
    margin-top : 0;
}

#subscribe_email, #subscribe_name {
    margin-left : 5px;
}