/* ==========================================================================
   Campaign Page (Blog)
   ========================================================================== */
  
  .blog .section-description{ margin-bottom:30px; }
    .blog .section-description .left-col{ width:48%; margin-right:4%; float:left; }
    .blog .section-description .right-col{ width:48%; float:left; }
  .blog .block-container {width:960px; margin-left:-20px;} 
    .blog .double-container{ margin-left:20px; margin-bottom:40px; }
    .blog .double-container .post:first-child + .post{margin-left:20px;}
    .blog .post{width:460px; height:auto; /*margin-left:20px;*/ float:left; font-size:14px; background-color:#fff; }
      .blog .post .photo-container{ position:relative; border-top:8px solid #ffdd00; margin:0 0 20px 0;}
      .blog .post .photo-container img{width:100%;}
      .blog .post .photo-container .heading{ background:none; width:100%; }
        .blog .post .photo-container .heading h2 { font-size:24px; line-height:30px; padding:0 20px; line-height:1.2em; margin:0.9em 0px;  }
        .blog .post .photo-container .heading a { color:#000; margin:0; text-decoration:none; }
        .blog .post .photo-container .heading a:hover{ text-decoration:none; }
    .blog .post .entry-summary{ padding:0 20px 20px 20px; }  
      .blog .post .entry-summary .moretag {display:block; position:relative; border:none; border-radius:0px;width:90px; height:35px; color:#000; line-height:35px; text-align:left; margin: 10px 0 0 0; padding:4px 12px;}
      .blog .post .entry-summary .moretag:hover{ text-decoration:none; }

      .page-template-template-alberta-work .section-description{ margin-bottom:30px; }
        .page-template-template-alberta-work .section-description .left-col{ width:48%; margin-right:4%; float:left; }
        .page-template-template-alberta-work .section-description .right-col{ width:48%; float:left; }
      .page-template-template-alberta-work .block-container {width:960px; margin-left:-20px;} 
        .page-template-template-alberta-work .double-container{ margin-left:20px; margin-bottom:40px; }
        .page-template-template-alberta-work .double-container .post:first-child + .post{margin-left:20px;}
        .page-template-template-alberta-work .post{width:460px; height:auto; /*margin-left:20px;*/ float:left; font-size:14px; background-color:#fff; }
          .page-template-template-alberta-work .post .photo-container{ position:relative; border-top:8px solid #ffdd00; margin:0 0 20px 0;}
          .page-template-template-alberta-work .post .photo-container img{width:100%;}
          .page-template-template-alberta-work .post .photo-container .heading{ background:none; width:100%; }
            .page-template-template-alberta-work .post .photo-container .heading h2 { font-size:24px; line-height:30px; padding:0 20px; line-height:1.2em; margin:0.9em 0px;  }
            .page-template-template-alberta-work .post .photo-container .heading a { color:#000; margin:0; text-decoration:none; }
            .page-template-template-alberta-work .post .photo-container .heading a:hover{ text-decoration:none; }
        .page-template-template-alberta-work .post .entry-summary{ padding:0 20px 20px 20px; }  
          .page-template-template-alberta-work .post .entry-summary .moretag {display:block; position:relative; border:none; border-radius:0px;width:90px; height:35px; color:#000; line-height:35px; text-align:left; margin: 10px 0 0 0; padding:4px 12px;}
          .page-template-template-alberta-work .post .entry-summary .moretag:hover{ text-decoration:none; }
    
/* ==========================================================================
   Sub Footer
   ========================================================================== */

.sub-footer{ padding:30px 0; background-color: #262626; color: #fff; }
 .sub-footer .sub-col { float:left; width:220px; margin-left:20px; }
 
 .sub-footer .contact {width: 100%;}
   .sub-footer .contact a{ color:#fff; }
  
  /*.sub-footer .twitter {width:480px;float:left;}*/
  .sub-footer .twitter {width:240px;float:left;} /*JA*/
    .sub-footer .twitter h3, .sub-footer .youtube h3 {font-size:18px; color:#fff;margin:0 0 0 20px; border-bottom:8px solid #ffdd00; margin-bottom:15px; } 
    .sub-footer .twitter a{ color:#ffdd00; }
    .sub-footer .twitter a:hover{ text-decoration:underline; color:#ffdd00; }
    .sub-footer .twitter .sub-col.tweet { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* JA */
    .sub-footer .twitter .sub-col  p {color:white;}
    .sub-footer .twitter .sub-col  .date {color:#999;font-size:12px; font-weight:bold;}
    .sub-footer .twitter .follow-link{display:block;}

  .sub-footer .contact h3, .sub-footer .site-map h3 {font-size:18px; color:#fff;margin:0 0 0 20px; border-bottom:8px solid #ffdd00; margin-bottom:15px; } /*JA*/
  
  
  .sub-footer .youtube { width:240px; float:left; color:#fff; }

  .sub-footer .insta { width:240px; float:left; color:#fff; }     /*JA*/
  .sub-footer .insta h3 { font-size:18px; color:#fff; margin:0 0 0 20px; border-bottom:8px solid #ffdd00; margin-bottom:15px;  } /*JA*/
  .sub-footer .insta a{ color:#ffdd00; }      /*JA*/
  .sub-footer .insta a:hover{ text-decoration:underline; color:#ffdd00; }       /*JA*/
  .sub-footer .insta .sub-col  p {color:white;}       /*JA*/
  .sub-footer .insta .sub-col  .date {color:#999;font-size:12px; font-weight:bold;}       /*JA*/
  .sub-footer .insta .follow-link{display:block;}       /*JA*/
  
  .sub-footer .social-row { width:720px; float: left; position: relative; padding-bottom: 55px;  } /*JA*/
  .sub-footer .social-row::before, .sub-footer .social-row::after { display: table; content: ""; line-height: 0; }

  .sub-footer .follow-row{ margin-top:20px;}
  .sub-footer .follow-row .contact a{ color:#000; font-size:20px; margin-right:10px; text-decoration:none; width:20px; text-align:center; padding-right:8px;
  	background: no-repeat right #ffdd00; /* Old browsers */
	background: no-repeat right,-moz-linear-gradient(top,  #ffdd00 1%, #d0b100 100%); /* FF3.6+ */
	background: no-repeat right,-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffdd00), color-stop(100%,#d0b100)); /* Chrome,Safari4+ */
	background: no-repeat right, -webkit-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* Chrome10+,Safari5.1+ */
	background: no-repeat right,-o-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* Opera 11.10+ */
	background: no-repeat right,-ms-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* IE10+ */
	background: no-repeat right,linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#d0b100',GradientType=0 ); /* IE6-9 */
  }
  .yellow-btn{ display:inline-block; padding:8px 24px 5px 8px; background-color:#ffdd00; text-decoration:none; font-size:14px;
  	background: url('../img/yellow-button-arrow.png') no-repeat right #ffdd00; /* Old browsers */
	background: url('../img/yellow-button-arrow.png') no-repeat right,-moz-linear-gradient(top,  #ffdd00 1%, #d0b100 100%); /* FF3.6+ */
	background: url('../img/yellow-button-arrow.png') no-repeat right,-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffdd00), color-stop(100%,#d0b100)); /* Chrome,Safari4+ */
	background: url('../img/yellow-button-arrow.png') no-repeat right, -webkit-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* Chrome10+,Safari5.1+ */
	background: url('../img/yellow-button-arrow.png') no-repeat right,-o-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* Opera 11.10+ */
	background: url('../img/yellow-button-arrow.png') no-repeat right,-ms-linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* IE10+ */
	background: url('../img/yellow-button-arrow.png') no-repeat right,linear-gradient(top,  #ffdd00 1%,#d0b100 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#d0b100',GradientType=0 ); /* IE6-9 */
  }
  .sub-footer a.follow-button{ color:#000; font-weight:bold; font-size:12px; position: absolute; bottom: 0; }
  .sub-footer a.follow-button{ box-sizing: border-box; width: 220px; text-align: center; } /*JA*/
  .sub-footer a.follow-button:hover{color:#000; text-decoration:none;}
    .sub-footer .twitter i, .sub-footer .youtube i{ font-size:20px; font-weight:normal; line-height:10px; }
    .sub-footer .twitter i { vertical-align: sub; }
  
  .sub-footer .search-bar{ width:100%; clear:both; }
    .sub-footer .form-search{ width:320px; margin:10px auto; position:relative; } 
    .sub-footer .search-bar input{ width:270px; border-radius:0px; background-color:#333; border:none; height:30px; padding:0 10px 0 40px; line-height:30px; -moz-transition:background-color 0.3s; -webkit-transition:background-color 0.3s; -o-transition:background-color 0.3s; transition:background-color 0.3s;}
    .sub-footer .search-bar input:focus{ box-shadow:none; background-color:#fff; -moz-transition:background-color 0.3s; -webkit-transition:background-color 0.3s; -o-transition:background-color 0.3s; transition:background-color 0.3s; }
    .sub-footer .search-bar .submit-btn{ position:absolute; top:0px; left:0px; z-index:10; cursor:pointer; float:left; background-color:transparent; color:#666; font-size:18px; height:30px; padding:0 10px; line-height:30px; }

  .sub-footer .social{ text-align:left; }
    .sub-footer .social a{ color:#767676; }
    .sub-footer .social a:first-child {margin-left:0px;}
    .sub-footer .social a:hover{ color:#fff; text-decoration:none; }
    .sub-footer .social .social-icon{ display:inline-block; margin:0 10px; }
  .sub-footer .social .social-icon i{ font-size:1.5em; margin-right:0.25em; text-decoration: none;}

  .sub-footer .newsletter {
    margin: 40px 0 0 20px;
    text-align: center;
    font-size: 20px;
    border-top: 1px solid #333;
    padding-top: 30px;

  }
  
/* ==========================================================================
   Media Queries
   ========================================================================== */
  
  /*
  _                            _____            _    _              
 | |                          |  __ \          | |  | |             
 | |     __ _ _ __ __ _  ___  | |  | | ___  ___| | _| |_ ___  _ __  
 | |    / _` | '__/ _` |/ _ \ | |  | |/ _ \/ __| |/ / __/ _ \| '_ \ 
 | |___| (_| | | | (_| |  __/ | |__| |  __/\__ \   <| || (_) | |_) |
 |______\__,_|_|  \__, |\___| |_____/ \___||___/_|\_\\__\___/| .__/ 
                   __/ |                                     | |    
                  |___/                                      |_|    
 */

@media (min-width:980px) {
  
}

/*
 _____           _             _ _     _        _     _      _     _          _                 _                                            _       _           _    _              
|  __ \         | |           (_) |   | |      | |   | |    | |   | |        | |               | |                                          | |     | |         | |  | |             
| |__) |__  _ __| |_ _ __ __ _ _| |_  | |_ __ _| |__ | | ___| |_  | |_ ___   | | __ _ _ __   __| |___  ___ __ _ _ __   ___    __ _ _ __   __| |   __| | ___  ___| | _| |_ ___  _ __  
|  ___/ _ \| '__| __| '__/ _` | | __| | __/ _` | '_ \| |/ _ \ __| | __/ _ \  | |/ _` | '_ \ / _` / __|/ __/ _` | '_ \ / _ \  / _` | '_ \ / _` |  / _` |/ _ \/ __| |/ / __/ _ \| '_ \ 
| |  | (_) | |  | |_| | | (_| | | |_  | || (_| | |_) | |  __/ |_  | || (_) | | | (_| | | | | (_| \__ \ (_| (_| | |_) |  __/ | (_| | | | | (_| | | (_| |  __/\__ \   <| || (_) | |_) |
|_|   \___/|_|   \__|_|  \__,_|_|\__|  \__\__,_|_.__/|_|\___|\__|  \__\___/  |_|\__,_|_| |_|\__,_|___/\___\__,_| .__/ \___|  \__,_|_| |_|\__,_|  \__,_|\___||___/_|\_\\__\___/| .__/                                                                                                                                                                                          
                                                                                                                                                                                                    
 */
@media (min-width:768px) and (max-width:979px) {
 .blog .block-container {width:744px; margin-left:-20px;} 
    .blog .post{width:352px; /*height:445px;*/  }
      .blog .post .photo-container{ position:relative; border-top:8px solid #ffdd00; margin:0 0 20px 0;}
      .blog .post .photo-container .photo img {height:200px;}
      /*.blog .post .photo-container .heading{ position:relative; background:none; width:100%;}
        .blog .post .photo-container .heading h2 {display:block; font-size:16px; line-height:20px; padding:0px;}
        .blog .post .photo-container .heading a {color:#000; margin:0;}
      /*.blog .post .entry-summary .moretag {display:block; position:relative; border:1px solid #ffdd00; border-radius:5px;width:102px; height:35px; background-color:#ffdd00; color:#000; line-height:35px; text-align: center; font-weight: bold; margin: 10px 0 20px 0;}*/

  .page-template-template-alberta-work .block-container {width:744px; margin-left:-20px;}  /* 16-05-05 (JA): copied blog styles over to category */
     .page-template-template-alberta-work .post{width:352px; /*height:445px;*/  } /* 16-05-05 (JA): copied blog styles over to category */
       .page-template-template-alberta-work .post .photo-container{ position:relative; border-top:8px solid #ffdd00; margin:0 0 20px 0;} /* 16-05-05 (JA): copied blog styles over to category */
       .page-template-template-alberta-work .post .photo-container .photo img {height:200px;} /* 16-05-05 (JA): copied blog styles over to category */


  .sub-footer{ padding:30px 0; }
  .sub-footer .social-row { padding-bottom: 75px;  } /*JA*/
  .sub-footer .sub-col { float:left; width:228px; margin-left:20px; }
  .sub-footer .twitter {width:248px; }
  .sub-footer .youtube {width:248px;}
  .sub-footer .insta .sub-col {width:220px;}

  .sub-footer .contact { /*padding-top: 30px;*/ } /*JA 160118*/
  .sub-footer .contact h3, .sub-footer .site-map h3 { margin: 0 0 0 20px; border-bottom: 8px solid #ffdd00; margin-bottom: 15px; } /*JA 160118*/
   .sub-footer .contact, .sub-footer .social-row, .contact .sub-col { width: 100%; } /*JA 160118*/
   .sub-footer .contact .contact-split { width: 33.3%; float: left; } /*JA 160118*/

}


/*
 _                     _                                  _                        _                           _             _ _     _        _     _      _   
| |                   | |                                | |                      | |                         | |           (_) |   | |      | |   | |    | |  
| |     __ _ _ __   __| |___  ___ __ _ _ __   ___   _ __ | |__   ___  _ __   ___  | |_ ___    _ __   ___  _ __| |_ _ __ __ _ _| |_  | |_ __ _| |__ | | ___| |_ 
| |    / _` | '_ \ / _` / __|/ __/ _` | '_ \ / _ \ | '_ \| '_ \ / _ \| '_ \ / _ \ | __/ _ \  | '_ \ / _ \| '__| __| '__/ _` | | __| | __/ _` | '_ \| |/ _ \ __|
| |___| (_| | | | | (_| \__ \ (_| (_| | |_) |  __/ | |_) | | | | (_) | | | |  __/ | || (_) | | |_) | (_) | |  | |_| | | (_| | | |_  | || (_| | |_) | |  __/ |_ 
|______\__,_|_| |_|\__,_|___/\___\__,_| .__/ \___| | .__/|_| |_|\___/|_| |_|\___|  \__\___/  | .__/ \___/|_|   \__|_|  \__,_|_|\__|  \__\__,_|_.__/|_|\___|\__|
                                      | |          | |                                       | |                                                               
                                      |_|          |_|                                       |_|                                                               
 */
@media (max-width:767px) {
	
  .sub-footer .twitter, .sub-footer .youtube, .sub-footer .contact, .sub-footer .insta { width:100%; margin-bottom:20px; } /*JA 160118*/
  .sub-footer .twitter .sub-col.tweet {     position: relative; top: auto; transform: none; } /* JA */
  .sub-footer .twitter h3, .sub-footer .youtube h3, .sub-footer .contact h3, .sub-footer .site-map h3, .sub-footer .insta h3{ margin-left:0px; }  /*JA 160118*/
  .sub-footer .sub-col{ margin:0; float:none; }
  .sub-footer .site-map {  }
  .sub-footer .social-row { width: 100%; } /*JA 160118*/
  
  .blog .page-header{ margin: 50px 20px 20px 20px; } 
  .blog .page-header h1 {font-size: 25px;}
  .blog .section-description{ margin:0 20px 30px 20px; }
  .blog .section-description .left-col, .blog .section-description .right-col {width: 100%;margin-right: 4%;float: left;}
    .blog .block-container {width:100%; margin:0px;
    	backface-visibility:hidden;
		-webkit-backface-visibility:hidden; /* Chrome and Safari */
		-moz-backface-visibility:hidden; /* Firefox */
		-ms-backface-visibility:hidden; /* Internet Explorer */
	} 
	.blog .double-container{ margin-left:0px; margin-bottom:0px; padding-bottom:0px; border-bottom:none; }  
    .blog .double-container .clear{ clear:none; }
    .blog .double-container .post:first-child + .post{margin-left:0px;}
      .blog .post{width:280px; margin:0 20px 0 0; margin-bottom:30px; font-size:13px; }
        .blog .post .photo-container{ position:relative; border:0 none; margin:0;}
          .blog .post .photo-container .heading{ position:relative; width:100%;background:0 none; margin: 5px 0 0 0;}
          .blog .post .photo-container .heading h2 {font-size:16px; margin:0; padding:5px 20px;}
          .blog .post .photo-container .heading a {color: #000; margin:0;}
        /*.blog .post .entry-summary .moretag {display:block; position:relative; border:1px solid #ffdd00; border-radius:5px;width:102px; height:35px; background-color:#ffdd00; color:#000; line-height:35px; text-align: center; font-weight: bold; margin: 10px 0 20px 0;}*/

         .page-template-template-alberta-work .page-header{ margin: 50px 20px 20px 20px; }  /* 16-05-05 (JA): copied blog styles over to category */
         .page-template-template-alberta-work .page-header h1 {font-size: 25px;} /* 16-05-05 (JA): copied blog styles over to category */
         .page-template-template-alberta-work .section-description{ margin:0 20px 30px 20px; } /* 16-05-05 (JA): copied blog styles over to category */
         .page-template-template-alberta-work .section-description .left-col, .page-template-template-alberta-work .section-description .right-col {width: 100%;margin-right: 4%;float: left;} /* 16-05-05 (JA): copied blog styles over to category */
           .page-template-template-alberta-work .block-container {width:100%; margin:0px; /* 16-05-05 (JA): copied blog styles over to category */
              backface-visibility:hidden;
            -webkit-backface-visibility:hidden; /* Chrome and Safari */
            -moz-backface-visibility:hidden; /* Firefox */
            -ms-backface-visibility:hidden; /* Internet Explorer */
          } 
         .page-template-template-alberta-work .double-container{ margin-left:0px; margin-bottom:0px; padding-bottom:0px; border-bottom:none; }   /* 16-05-05 (JA): copied blog styles over to category */
           .page-template-template-alberta-work .double-container .clear{ clear:none; } /* 16-05-05 (JA): copied blog styles over to category */
            .page-template-template-alberta-work .double-container .post:first-child + .post{margin-left:0px;} /* 16-05-05 (JA): copied blog styles over to category */
             .page-template-template-alberta-work .post{width:280px; margin:0 20px 0 0; margin-bottom:30px; font-size:13px; } /* 16-05-05 (JA): copied blog styles over to category */
               .page-template-template-alberta-work .post .photo-container{ position:relative; border:0 none; margin:0;} /* 16-05-05 (JA): copied blog styles over to category */
                 .page-template-template-alberta-work .post .photo-container .heading{ position:relative; width:100%;background:0 none; margin: 5px 0 0 0;} /* 16-05-05 (JA): copied blog styles over to category */
                 .page-template-template-alberta-work .post .photo-container .heading h2 {font-size:16px; margin:0; padding:5px 20px;} /* 16-05-05 (JA): copied blog styles over to category */
                 .page-template-template-alberta-work .post .photo-container .heading a {color: #000; margin:0;} /* 16-05-05 (JA): copied blog styles over to category */

    .sub-footer .newsletter {
      margin: 40px 0 0 0;
    }
}

/*
 _                     _                                  _                                             _       _                     
| |                   | |                                | |                                           | |     | |                    
| |     __ _ _ __   __| |___  ___ __ _ _ __   ___   _ __ | |__   ___  _ __   ___  ___    __ _ _ __   __| |   __| | _____      ___ __  
| |    / _` | '_ \ / _` / __|/ __/ _` | '_ \ / _ \ | '_ \| '_ \ / _ \| '_ \ / _ \/ __|  / _` | '_ \ / _` |  / _` |/ _ \ \ /\ / / '_ \ 
| |___| (_| | | | | (_| \__ \ (_| (_| | |_) |  __/ | |_) | | | | (_) | | | |  __/\__ \ | (_| | | | | (_| | | (_| | (_) \ V  V /| | | |
|______\__,_|_| |_|\__,_|___/\___\__,_| .__/ \___| | .__/|_| |_|\___/|_| |_|\___||___/  \__,_|_| |_|\__,_|  \__,_|\___/ \_/\_/ |_| |_|
                                      | |          | |                                                                                
                                      |_|          |_|                                                                                
 */


@media (max-width:480px) {
  
  .sub-footer .sub-col{ margin:0; float:none; }

  .sub-footer .form-search{ width:280px; }
  .sub-footer .form-search input{ width:230px; }
  .sub-footer .contact h3, .sub-footer .site-map h3 { border-bottom: 8px solid #ffdd00; margin-bottom: 15px; } /*JA 160118*/
	
  .blog .page-header h1 {font-size: 25px;}
  .blog .section-description .left-col, .blog .section-description .right-col {width: 100%;margin-right: 4%;float: left;}
    .blog .block-container {width:100%; margin:0px;} 
      .blog .post{ }
        .blog .post .photo-container{ position:relative; border:0 none; margin:0 0 20px 0;}
          .blog .post .photo-container .heading{ position:relative; width:100%;background:0 none; margin: 5px 0 0 0;}
          .blog .post .photo-container .heading h2 {font-size:16px; margin:0;}
          .blog .post .photo-container .heading a {color: #000; margin:0;}
       /* .blog .post .entry-summary .moretag {display:block; position:relative; border:1px solid #ffdd00; border-radius:5px;width:102px; height:35px; background-color:#ffdd00; color:#000; line-height:35px; text-align: center; font-weight: bold; margin: 10px 0 20px 0;}*/


       .page-template-template-alberta-work .page-header h1 {font-size: 25px;}  /* 16-05-05 (JA): copied blog styles over to category */
       .page-template-template-alberta-work .section-description .left-col, .category .section-description .right-col {width: 100%;margin-right: 4%;float: left;}  /* 16-05-05 (JA): copied blog styles over to category */
         .page-template-template-alberta-work .block-container {width:100%; margin:0px;}   /* 16-05-05 (JA): copied blog styles over to category */
           .page-template-template-alberta-work .post{ }  /* 16-05-05 (JA): copied blog styles over to category */
             .page-template-template-alberta-work .post .photo-container{ position:relative; border:0 none; margin:0 0 20px 0;}  /* 16-05-05 (JA): copied blog styles over to category */
               .page-template-template-alberta-work .post .photo-container .heading{ position:relative; width:100%;background:0 none; margin: 5px 0 0 0;}  /* 16-05-05 (JA): copied blog styles over to category */
               .page-template-template-alberta-work .post .photo-container .heading h2 {font-size:16px; margin:0;}  /* 16-05-05 (JA): copied blog styles over to category */
               .page-template-template-alberta-work .post .photo-container .heading a {color: #000; margin:0;}  /* 16-05-05 (JA): copied blog styles over to category */
}