/* Enter Your Custom CSS Here */

/* Video Rows */

    .col-video {position: relative; width: 32%;  text-align: center; float: left;}
    .col-video a {display: block; line-height: 12px; font-size:12px; font-family:'Lato', arial, sans-serif; margin: 5px; padding: 0 0 8px 0; background-color: rgba(0,0,0,1)!important; border: solid 1px rgba(0,0,0,1);}
    .col-video a, .col-video a:active, .col-video a:link, .col-video a:visited {color: #fff;}
    .col-video a:hover {color: #fff; background-color: #20bdc5!important; border-color: #20bdc5;}
    .col-video img {margin: 0 0 4px 0; padding:0; }
    .col-video a:hover img {opacity: .2;}
    .row-video {clear: both;}
 
    .col-video:before {
  		margin: 0 auto;
        content: "\f16a";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    /*--adjust as necessary--*/
        color: #fff;
        font-size: 35px;
        /*padding-right: 0.5em;*/
        position: absolute;
        top: 45%;
        left: 43%;
    }
    
    @media screen and (max-width:768px){
        .col-video {width: 100%; text-align: center;}
    }
    
 /* Video Rows End */

/* Cols */
.col-2 {width: 49%;  text-align: center; float: left;}
.col-2 img {max-width: 98%;}
.row-clear {clear: both;}
 @media screen and (max-width:768px){
        .col-2 {width: 100%; text-align: center;}
  		.col-2-hidden {display: none;}
    }

 /* Cols End */

  /* Fonts */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.title-blue {font:400 2em 'Lato', arial, sans-serif; color: #20bdc5; font-weight: 100;}
.title-blue i {padding-left: 5px; color: #e1e1e1;}
h2.title-blue{margin: 16px 0;}

.title-white {font:400 2em 'Lato', arial, sans-serif; color: #fff; font-weight: 100;}
.title-white i {padding-left: 5px; color: #e1e1e1;}
h2.title-white{margin: 16px 0;}

.font-dark, .font-dark a {color: #4d4d4d!important;}
  
  /* Fonts End */
.divider {height: 40px;}

/* Backgrounds */

.abwenBG {background-image: url(https://nwac.ca/wp-content/uploads/2016/04/abwenBG.jpg);
  background-size: cover; background-repeat: no-repeat; margin: 40px -68px; padding: 40px 68px;}
.abwenBG p {color: #fff!important; font-weight: 100!important; font-size: 20px!important; line-height: 40px!important;}
.abwenBG i {color: #c8c9cb!important;}
.abwenBG a {color: #fff!important;}

.abwenSeperateBG {background-image: url("https://nwac.ca/wp-content/uploads/2016/05/Woman_GloriaBG.jpg"); background-repeat: no-repeat; background-position: 5px -60px; margin: 40px -68px; padding: 40px 68px;}

.hr20 {width: 20%;}

/* Backgrounds End */


/* List items */

ul.checkmark, ul.checkmark li { padding: 0; margin: 0; list-style: none;}
ul.checkmark {margin: 2em 0;}
ul.checkmark li { margin: 1em; margin-left: 3em;}
ul.checkmark li:before {
  content: '\f00c';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #20bdc5;
  font-size: 20px;
}




/**** VICELAND  *****/
#nwac-logo {height: 200px;
}
.page-title-bar{background-image: url("https://nwac.ca/wp-content/uploads/2016/05/Woman_GloriaBG.jpg"); background-position: center;}
.page-title-bar .breadcrumb-trail, .page-title-bar h1, .page-id-3476 .footer-info-area, .page-id-3476 .site-nav-toggle {display: none;}

.divider {
    margin: 20px 0;
}

.bg-cover {
    background-repeat: no-repeat;
    background: url("https://nwac.ca/wp-content/uploads/2016/05/haveYouSeenOurSistersBG.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.content-section, .page-title-bar {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 210px 0 160px;
}

.bg-nwac {
    background: url("https://nwac.ca/wp-content/uploads/2015/11/cropped-NWAC-LOGO-TEXT-BELOW.png") no-repeat center center; 
    background-size: 240px;
    background-position: 20px 0px;
    
}

@media screen and (max-width:992px) {
    .bg-nwac {background: none;
    }
}

.bg-blue {background-color: rgba(0,168,234,0.1); margin-top:-20px;  padding: 0;
}
@media screen and (max-width:768px) {
    .content-section {
        padding: 80px 0;
    }
}
.bg-darker {background-color: rgba(0,0,0,0.5);
}
.dark-quote {
    border-left-color: #c9302c; color: #fff; background-color: rgba(0,0,0,0.3);
    margin: 10px;
}

.light-quote {
    border-left-color: rgba(201,48,44,0.5); color: #000; background-color: rgba(0,0,0,0.03);
    margin: 20px;
}

h1.pop {
    font-weight: 100;
    font-size: 3em;
}
    h1.pop span {
        display: inline-block;
        position: relative; 
        padding: 20px 0;
        font-weight: 700;
        color: rgba(217, 83, 79, 1);
        font-size: .8em;
        text-transform: uppercase;
    }

   h1.pop span:before {
      content: "";
      position: absolute;
      height: 5px;
      background-color: transparent;
      border-top: 3px solid rgba(0, 0, 0,0.1);
      width: 70%;
      margin-left: 15%;
      top: 7px;
}

h1.happy {
    font-weight: 100;
    font-size: 3em;
}
    h1.happy span {
        display: inline-block;
        position: relative; 
        padding: 20px 0;
        font-weight: 700;
        color: rgba(217, 83, 79, 1);
        font-size: .7em;
        text-transform: uppercase;
    }

   h1.happy span:before {
      content: "";
      position: absolute;
      height: 5px;
      background-color: transparent;
      border-top: 3px solid rgba(0, 0, 0,0.1);
      width: 70%;
      margin-left: 0;
      top: 7px;
}


@media (max-width: 480px) {
.site-tagline { font-size: 9px;}
    }

@media (max-width: 768px) {
    .page-title-bar {

        background-size: auto 100%;
        background-position: center;
        padding: 140px 0 90px;
    }
}

@media (min-width: 768px) {
    .container .container {
        width: 750px!important;
    }
}
@media (min-width: 992px) {
.container .container {
    width: 970px!important;
}
}
@media (min-width: 1200px) {
	.container {
    width: 1170px!important;
}
}

.page-id-3476 .post-wrap > div:first-child {width: 100%!important; padding: 0;}
.page-id-3476 .fxd-header .site-tagline, .page-id-3476 .fxd-header h1.site-name {color: #444;}
.page-id-3476 .page-inner.row {
    margin-left: 0;
    margin-right: 0;
}