h2.section-nav-header {
    margin-bottom: 0;
}
a {color:#F2590D;}
h3 {
/*    font-size: 1.2em !important; */
    font-family: 'PT Serif', serif;
    text-transform: none;
    font-weight: 600;
    letter-spacing: normal;
}

#content-main {
    height: auto;
}

#nb-home {
    background-color: #131F33;
}

.container-col-1,
.container-col-3 {
    background-color: #fff;
}
.container-col-2 {
    background-color: #444;
}
.container-col-3 {
    border-top: 1px solid #e5e5e5;
}
.container-col-1 {
	padding-bottom:2.2em;
}
.container-col-3 .article-entries,
.container-col-1 .article-entries {
    padding: auto 3%;
    width: 94%;
    max-width: 1000px;
}

.container-col-1 .article-entries {
    padding: auto 3%;
}

#nb-home .container-col-2 {

    margin: auto;
    overflow: hidden;
    position: relative;
}

.container-col-2 .widget-100 {
    background: #2c3749;
    width: 50%;
    height: auto;
    float: right;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.container-col-2 .widget-100:hover {
 /*   background-color: #444; */
}

.container-col-2 .widget-50:hover {
    background-color: #505868;
}

.container-col-2 .widget-50:last-child:hover {
    background-color: #444;
}

.widget-elements {
    top: 50%;
    position: relative;
    overflow: hidden;
    padding: 20% auto;
}

/*.widget-100 a,
.widget-50 a {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    left: 0;
}*/

.container-col-2 .widget-50 > a {
	width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;
	}

.widget-100 h2 a {
	position:relative;
	}

.widget-100 .widget-elements {
    margin: 50px 4.5% 8.5%;
    top: 0;
    
   /* text-align: left; */
    max-height: 510px;
    overflow: hidden;
	max-width:484px;
}

.widget-100 .summary p, 
.widget-50 .summary p {
    color: #fff;
    line-height: 2;
}

.container-col-2 .widget-100 h3 {
    margin-top: 20px;
    margin-bottom: 25px;
	padding-left:3%;
	padding-right:3%;
	
}

.container-col-2 .widget-100 .source {
    margin-bottom: 20px;
    color: #6a7277;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}

.container-col-2 .widget-100 .source:before {
    content: '\f068';
    color: #F14635;
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    margin-top: -40px;
}

.widget-50 .widget-elements {
    height: 250px;
    margin-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    width:100%;
}
/*
.container-col-2 .widget-100 + .widget-50:before {
    content: '\f04b';
    color: white;
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 45px;
    line-height: 45px;
    background-color: #f14635;
    z-index: 100;
}*/
.container-col-2 .widget-100 + .widget-50 .title {margin-top:1em; margin-bottom:.5em;}
.container-col-2 .widget-100 + .widget-50 .widget-panel {
    /*background-color: rgba(0, 0, 0, .7); */
     position: relative;
	float:right;
    width: 100%;
	max-width:570px;
/*    z-index: 99; */

}
.container-col-2 .widget-100 + .widget-50 a {
/*	background-color: rgba(255, 255, 255, .1); */
	    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}

.container-col-2 .widget-100 + .widget-50 > a:hover {
    background-color: rgba(255, 255, 255, .1) !important;
}
.container-col-2 .widget-100 + .widget-50 > a:hover + .widget-panel h3 {
	text-decoration:underline;
	}
.container-col-2 .widget-50 {
    background: #222d40;
    width: 50%;
    height: 60%;
    float: left;
    display: inline;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.container-col-2 .widget-50 .widget-image {
    position: absolute;
    top: 50%;
    margin-top: -50%;
    width: 100%;
}

.container-col-2 .widget-50:last-child {
    height:100%;
	background: #40495A;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.container-col-2 .widget-50:last-child:hover {
    background: #5F6876;
}

.container-col-2 .widget-50:last-child:hover .widget-elements h3 { 	text-decoration:underline;
} 

.container-col-2 .widget-50:last-child .widget-elements {
    height: auto;
    padding-left: 10%;
    padding-right: 10%;
    width:100%;
	max-width:570px;
	float:right;
	position:relative;
}

.container-col-2 h2 {
    color: #fff;
    border: 2px solid #fff;
    font-size: .8em;
    text-transform: uppercase;
    padding: 6px 10px;
    display: inline;
    margin-top: 50px;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}


.container-col-2 h3 {
    color: #fff;
    margin-top: 10px;
}
	.container-col-2 .widget-100 + .widget-50 .widget-panel .summary {/*max-height:100px;
	overflow:hidden;*/}	

/* Mobile */

@media (max-width: 960px) {

	<!--.container-col-2 .widget-100 + .widget-50 .widget-panel .summary {max-height:90px;}	-->
}
@media (max-width: 720px) {
/*
		.container-col-2 .widget-100 + .widget-50 .widget-panel .summary {max-height:70px;}	*/
}
@media (max-width: 700px) {

	/*.container-col-2 .widget-100 + .widget-50 .widget-panel 
	.summary {display:none;}	
.container-col-2 .widget-50,
.container-col-2 .widget-50:last-child {height:50%;} */
}
   /* #nb-home .container-col-2 {
        height: auto;
        margin: auto;
        overflow: hidden;
        position: relative;
    }
    .container-col-2 .widget-100 {
        background: #333;
        width: 100%;
        height: auto;
        float: left;
        overflow: hidden;
        position: relative;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }
    .container-col-2 .widget-100:hover {
        background-color: #444;
    }
    .container-col-2 .widget-50:hover {
        background-color: #444;
    }
    .container-col-2 .widget-50:last-child:hover {
        background-color: #444;
    }
    .widget-elements {
        top: auto;
        position: relative;
        overflow: hidden;
        padding: 20% auto;
    }
	
	*/
	
	
/*	
    .widget-100 a,
    .widget-50 a {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 100;
        left: 0;
    }
    .widget-100 .widget-elements {
        margin-left: 3%;
        margin-right: 3%;
        top: auto;
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
        max-height: 100%;
        overflow: hidden;
    }
.container-col-2 .widget-100 + .widget-50 .widget-panel,
.container-col-2 .widget-50:last-child .widget-elements,
.container-col-2 .widget-100 .widget-elements {
	max-width:100%;
	float:none;
	}
	
	
    .widget-100 .summary p {
        color: #fff;
        line-height: 2;
    }
    .container-col-2 .widget-100 h3 {
        margin-top: 20px;
    }
    .container-col-2 .widget-100 .source {
        margin-bottom: 20px;
        color: #6a7277;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        font-size: 12px;
    }
    .container-col-2 .widget-100 .source:before {
        content: '\f068';
        color: #F14635;
        font-family: 'FontAwesome';
        font-size: 20px;
        position: absolute;
        margin-top: -40px;
        left: -10px;
        margin-left: 50%;
    }
    .widget-50 .widget-elements {
        height: auto;
        padding: 50px 3% 50px;
        margin: auto;
    }
.container-col-2 .widget-100 .video-spot {
	height:0; width:100%; position:relative; padding-bottom:68%;
	}	
.container-col-2 .widget-100 .video-spot iframe {
	position:absolute; top:0; left:0; height:100%; width:100%;
	}
.container-col-2 .widget-50:last-child .widget-elements {
    height: auto;
    margin-top: auto;
 
}*/

  /*  .container-col-2 .widget-100 + .widget-50:before {
        content: '\f04b';
        color: white;
        font-family: 'FontAwesome';
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 45px;
        line-height: 45px;
        background-color: #f14635;
        z-index: 100;
    }
    .container-col-2 .widget-100 + .widget-50 .widget-panel {
        background-color: rgba(0, 0, 0, .7);
        position: relative;
        width: auto;
        height: auto;
        z-index: 99;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }
    .container-col-2 .widget-100 + .widget-50 a:hover + .widget-panel {
        background-color: rgba(0, 0, 0, .5) !important;
    }
    .container-col-2 .widget-50 {
        background: #000;
        width: 100%;
        height: auto;
        float: left;
        display: block;
        overflow: hidden;
        position: relative;
        text-align: center;
        vertical-align: middle;
        clear: left;
    }
    .container-col-2 .widget-50 .widget-image {
        position: absolute;
        top: 50%;
        margin-top: -50%;
    }
    .container-col-2 .widget-50:last-child {
        background: #509376;
        -webkit-transition: background-color 0.5s ease;
        -moz-transition: background-color 0.5s ease;
        -o-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease;
    }
    .container-col-2 .widget-50:last-child:hover {
        background: #71A891;
    }
}
*/
.container-col-2 .widget-100 .video-spot {
	height:0; width:100%; position:relative; padding-bottom:56% !important;
	}	
.container-col-2 .widget-100 .video-spot iframe {
	position:absolute; top:0; left:0; height:100%; width:100%;
	}
/*.container-col-2 .widget-50:last-child .widget-elements {
    height: auto;
    margin-top: auto;
 
*/

/*  Behind the Scenes Category Feature */

                .special-feature {
                    padding-top: 35px;
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.12+0,0+100 */
                    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1f000000', endColorstr='#00000000', GradientType=0);
                    /* IE6-9 */
                    margin-top: -40px;
                    background-color: #F4F4F2;
                }
                
                .special-feature .entry {
                    width: 94%;
                    max-width: 1000px;
                    margin: auto;
                    text-align: center;
                    background-color: #fff;
                    padding: 50px 40px 40px 40px;
                    margin-bottom: 20px;
                    border: 1px solid #e9e9e9;
                    
                    overflow:hidden;
                }
                
                .special-feature .title:last-child h3 {
                      margin-bottom: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
                }
                
                .special-feature .title h3 a {
                    color: #1F2A3B;
					                    transition: all 0.3s ease 0s;

                }
				.special-feature .title h3 a:hover {
                    text-decoration:underline;
                }
                .special-feature .category {margin-bottom:10px;}
                .special-feature .category a {
                    background-color: #1f2a3b;
                    color: #fff;
                    display: inline;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                    padding: 0.8em 1em;
                    text-transform: uppercase;
                    transition: all 0.5s ease 0s;
                    font-size: 0.65em;
                }
				
				
				.special-feature .category a:hover {background-color:#ff6600 !important;}
				
				
				
                .special-feature .image {
                    float:left;
                    width:auto;
                    line-height:1;
                                        max-width:150px;

                                      overflow:hidden;
 
/*                    height:70px;
                  width:20%;
                     text-align:left;
 */               }
                .special-feature img {
                    width:100%;
                    height:auto;
                }
/*                .special-feature .title-and-image {
                    margin-bottom:15px;
overflow:hidden;
position:relative;
                }
                .special-feature .title-and-image:last-child {
                    margin-bottom:0px;
                    
                }
				*/
				.special-feature .entry-pod {
					margin-bottom:15px;
overflow:hidden;
position:relative;
					}
					.special-feature .entry-pod:last-child {
					margin-bottom:0;
					}
					
                .special-feature .title {
                    display:static;
                    float:left;
                    text-align:left;
                    margin-left:20px;
                }
			/* can remove after Getty thing is gone...
				 
				 .special-feature .title:last-child h3 {position:relative; top:auto; transform:none; margin-bottom:10px;}
                */