/*
 Theme Name:   SMA Counsel
 Theme URI:    http://www.smacounsel.org/
 Description:  SMA Counsel custom template
 Author:       Web Creation Lab
 Author URI:   http://www.webcreationlab.com
 Version:      1.0.0
*/
@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanovalight-webfont.eot');
    src: url('fonts/proximanovalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanovalight-webfont.woff') format('woff'),
         url('fonts/proximanovalight-webfont.ttf') format('truetype'),
         url('fonts/proximanovalight-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	padding: 0;
	margin: 0;
	font-family: 'proxima_novalight';
	color: #76797e;
	}
	
p{
    font-size: 1.3em;
    line-height: 150%;
    margin: 0 0 2em;
}

.btn{
	border-radius: 0 0 0 0;
	}
	
.btn-hg{
	font-size: 1.8em;
	}


#header{
    box-shadow: 0 8px 10px rgba(0,0,0,0.4);
    min-height: 107px;
    position: relative;
    z-index: 2;
	}
	
.header{
	padding: 1em 0;
	}
	
.logo{
    position: absolute;
    z-index: 99999;
	}
	
.name{
	font-family: 'proxima_novalight';
    color: #A0A0A0;
    font-size: 2em;
    margin-top: 1em;
    text-transform: uppercase;
	}
	
.top-nav{}

#top-nav{
    margin: 0;
    padding: 0;
}

#top-nav {
    margin: 2em 0 0;
    padding: 0;
}

#top-nav li{
    display: inline;
    padding: 0 0.8em;
}

#top-nav li a{
    color: #A8A9AD;
    font-weight: bold;
    text-transform: uppercase;
}

#top-nav li a:hover,
#top-nav li.current-menu-item a{
	color: #6D6E71;
	text-decoration: none;
}

#header-overlay{
    color: #fff;
    height: auto;
    margin-top: 11em;
    position: absolute;
    width: 100%;
    z-index: 9999;
	}
	
#header-overlay p{
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	}

/* Navigation - Homepage Render */
.home #navigation{
    position: relative;
    z-index: 1;
	}
#main-nav{
    min-height: 330px;
	}
	
#main-nav.nav-justified > li > a{
	text-indent: -99999px;
	font-family: 'proxima_novalight';
	}


/* Color Code */
.twitter a{ background: url(images/icon-twitter.png) no-repeat center bottom scroll #01b0db; }
.nav > li.twitter > a:hover{ background-color: #0ebae4; }

.facebook a{ background: url(images/icon-facebook.png) no-repeat center bottom scroll #4b6fab; }
.nav > li.facebook > a:hover{ background-color: #5279ba; }

.snapchat a{ background: url(images/icon-snapchat.png) no-repeat center bottom scroll #ffe256; }
.nav > li.snapchat > a:hover{ background-color: #fde366; }

.youtube a{ background: url(images/icon-youtube.png) no-repeat center bottom scroll #d24639; } .nav > li.youtube > a:hover{ background-color: #dc4c3f; }

.instagram a{ background: url(images/icon-instagram.png) no-repeat center bottom scroll #30689b; } .nav > li.instagram > a:hover{ background-color: #3470a7; }

.vine a{ background: url(images/icon-vine.png) no-repeat center bottom scroll #18b387; } .nav > li.vine > a:hover{ background-color: #1ac091; }

.pinterest a{ background: url(images/icon-pinterest.png) no-repeat center bottom scroll #a51401; } .nav > li.pinterest > a:hover{ background-color: #b81702; }

.tumblr a{ background: url(images/icon-tumbler.png) no-repeat center bottom scroll #426581; } .nav > li.tumblr > a:hover{ background-color: #497190; }

.periscope a{ background: url(images/icon-periscope.png) no-repeat center bottom scroll #3AA1C0; } .nav > li.periscope > a:hover{ background-color: #40adce; }

/* Navigation - Innerpage Render */
.innerpage #navigation .nav-justified > li > a{
    height: auto;
    padding: 2em;
	background-size:100px 100px;
	background-position: center top;
	}
	
.innerpage #main-nav {
    min-height: 1px;
}


/* Label */
#page-label{
	height: 170px;
	background-color: #8A8B8E;
	}
#page-label h2.category-title{
    color: #FFFFFF;
    font-family: 'proxima_novalight';
    font-size: 3em;
    margin: 0;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
	}
	
 #page-label h2.category-title a{
	color: #FFFFFF;
	text-decoration: none;
	}
 
#page-label.twitter { background: url(images/icon-twitter.png) no-repeat center right scroll #01b0db !important; }
#page-label.facebook { background: url(images/icon-facebook.png) no-repeat center right scroll #4b6fab !important; }
#page-label.snapchat { background: url(images/icon-snapchat.png) no-repeat center right scroll #ffe256 !important; }
#page-label.youtube { background: url(images/icon-youtube.png) no-repeat center right scroll #d24639 !important; }
#page-label.instagram { background: url(images/icon-instagram.png) no-repeat center right scroll #30689b !important; }
#page-label.vine { background: url(images/icon-vine.png) no-repeat center right scroll #18b387 !important; }
#page-label.pinterest { background: url(images/icon-pinterest.png) no-repeat center right scroll #a51401 !important; }
#page-label.tumblr { background: url(images/icon-tumbler.png) no-repeat center right scroll #426581 !important; }

/* Introduction */
.alternate{
    background-color: #ecf0f1;
    padding: 1em 0 3.5em;
	}

.introduction{
    background-color: #ecf0f1;
    padding: 3em 0 5em;
	}

.introduction h3{
    line-height: 150%;
    margin-bottom: 1.5em;
	font-size: 22px;
	}

.introduction span{
	color: #e74c3c;
	}

.introduction .btn{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 1.5em;
	}
	
.introduction img.video_lightbox_anchor_image{
	width: 100%;
	height: auto;
	}

/* Four Way Test */
#four-way-test{
    padding: 1em 0;
	}
	
#four-way-test p{
    margin: 1em 0;
	}

#four-way-test ol{
    font-size: 1.3em;
	}

#four-way-test ol li{}

/* Home Category List */
#category-list{}

#category-list h2{
    color: #BDBDBD;
    font-family: 'proxima_novalight';
    font-size: 3em;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
	}

#category-list ul{
    background: url("images/cat-shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
	}

#category-list ul li{
    text-align: center;
	}

#category-list ul li a{
    border: 0 none;
    display: block;
    height: auto;
    padding: 0;
	}

#category-list ul li img{
    opacity: 0.6;
	}
	
#category-list ul li.hover img{
	opacity: 1;
	}

#category-list ul li a span{
    color: #BDBDBD;
    display: block;
    font-size: 1.5em;
    height: 120px;
	font-family: 'proxima_novalight';
	font-weight: bold;
	}

#category-list ul li a:hover span,
#category-list ul li.current-category a span{
	color: #909193;
	background: url(images/cat-hover.png) no-repeat scroll bottom center transparent;
	}
	
/* Convert to Dropdown on Small Screens */
	#category-menu select {
		display: none;
    }
	
/* Innerpage Category List */
.innerpage #category-list{
	margin-top: 2em;
	}
	
.innerpage #category-list ul li a span {
    height: 85px;
	}

/* Grid */
#grid[data-columns]::before {
	content: '2 .column.size-1of2';
}

.column {
    float: left;
	}
	
.column.size-1of2 > .column{
    margin: 0;
    width: 100%;
	}

.size-1of2 {
    width: 50%;
	}

#grid .column article{
	overflow: hidden;
	margin: 1em;
	border: 1px solid #bdc3c7;
	}
	
/* Content */

#post-entries{}

#post-entries .entry{
    background-color: #f7f7f7;
    margin: 2em;
    overflow: hidden;
    padding: 3em;
	}
	
.entry .entry-excerpt{
    min-height: 170px;
	}

.single #post-entries .entry{
	border: 0 none;
	padding: 0 2em;
	}
	
.entry h1{
	font-size: 3em;
	}

#post-entries .entry h2{
    font-size: 2.2em;
    font-weight: normal;
    margin: 0 0 1em;
	}
	
#post-entries .entry h2 a{
	color: #757783;
	}
	
#post-entries .entry h2 a:hover{
	text-decoration: none;
	}

.horizontal-thumb{
	margin-bottom: 2em;
	}
	
.entry-option {
    float: left;
    margin-top: 2em;
    padding: 0;
	}
	
#post-1 .entry-excerpt .addtoany_share_save_container {
	margin: 2% 0 0 15%;
	}

.entry-excerpt .addtoany_share_save_container {
    margin: 9% 0 0 15%;
    position: absolute;
}

.entry-excerpt .addtoany_share_save_container > div.addtoany_list a {
    color: #A7A9AC;
    font-size: 1.6em;
}

.entry-excerpt .addtoany_share_save_container > div.addtoany_list span{
	display: none;
	}

.entry-option a{	
    color: #A7A9AC;
    font-size: 1.5em;
    margin-right: 2em;
	}
	
.meta{
	margin-bottom: 2em;
	}
	
.entry ul{
    margin-bottom: 2em;
	}

.entry ul li{
    font-size: 1.5em;
	}

/* Sidebar */
#sidebar{
    margin-top: 4em;
	}
	
#sidebar .widget{
    background-color: #F7F7F7;
    padding: 1em;
	}

#sidebar .widget ol,
#sidebar .widget ul{
    padding: 0;
	}

#sidebar .widget ol li,
#sidebar .widget ul li{
    list-style: none outside none;
    padding: 0.5em 0;
	}

#sidebar .widget a{
    color: #73777E;
    font-size: 1.5em;
	}

#sidebar .widget ul li a:hover{}

.widget h4{
    font-size: 2.5em;
	}
	
/* Gravity Form */
.entry .gform_wrapper{}

.entry .gform_wrapper form{
    font-size: 1.5em;
	}

.entry .gform_wrapper .gform_heading{}

.entry .gform_wrapper .gform_body{}

.entry .gform_wrapper .gform_body ul{}

.entry .gform_wrapper .gform_body ul li{
    margin-bottom: 1em;
	}

.entry .gform_wrapper .gform_body ul li .gfield_label{
    color: #B0B0B0;
    font-weight: normal;
	}

.entry .gform_wrapper .gform_body ul li .gfield_label .gfield_required{
    color: #DC4C3F;
	}

.entry .gform_wrapper .gform_body ul li .ginput_container{}

.entry .gform_wrapper .gform_body ul li .ginput_container input[type="text"],
.entry .gform_wrapper .gform_body ul li .ginput_container input[type="email"],
.entry .gform_wrapper .gform_body ul li .ginput_container textarea{
    background-color: #EEEEEE;
    border: 0 none;
    font-size: 1.4em;
    padding: 10px;
	}

.entry .gform_wrapper .gform_body ul li .ginput_container textarea{}

.entry .gform_wrapper .gform_footer{}

.entry .gform_wrapper .gform_footer input.gform_button{
    background-color: #616267;
    border: 0 none;
    color: #FFFFFF;
    font-size: 1.8em;
    padding: 10px 20px;
    text-transform: uppercase;
	}
	
.entry .gform_wrapper .gform_footer input.gform_button:hover{
	background-color: #74757A;
	}
	
.entry .gform_wrapper div.validation_error {
    background-color: #DC4C3F;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
}

.entry #gforms_confirmation_message{
    background-color: #1AC091;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
	}


/* Footer */
#footer{
    margin-top: 3em;
	background-color: #a8a9ad;
	}
	
#footer-nav{
    background-color: #616267;
	}
	
#footer ul{
    margin: 0;
    padding: 0;
    text-align: center;
	}

#footer ul li{
    display: inline-block;
    padding: 1.5em 2em;
	}
	
#footer ul li a{
    color: #FFFFFF;
    font-size: 1.3em;
	}
#footer ul li a:hover{
	color: #25A8E0;
	text-decoration: none;
	}

.footer{
    border: 0 none;
    color: #FFFFFF;
    margin: 0;
    text-align: center;
    width: 100%;
	}
	
#footer .footer-social{}

#footer .footer-social {}

#footer .footer-social li{}

#footer .footer-social li a{
    font-size: 2.3em;
	}

#footer .footer-social li a:hover{}

.copyright{
    font-size: 1.5em;
	}
	
/* Responsive Overlap */
@media screen and (max-width: 900px){
	#category-list ul li img{
		height: auto !important;
		width: 100% !important;
	}
	
	.size-1of2 {
		margin: 1em 3em;
		width: 89%;
	}
}

@media screen and (max-width:769px){
	#header{
	    min-height: 180px;
	}
	
	.header .logo{
	    float: left;
		position: relative;
		width: 45%;
	}
	
	.header .logo img{
		width: 100%;
		}
	
	.header .name {
	    width: 47%;
		}
	
	#top-nav {
    		margin: 1em 0 0;
	}

	#top-nav li {
   		display: block;
   		padding: 0.4em;
    		text-align: right;
	}

	#page-label h2.category-title{
		text-align: left;
	}
	
	#navigation #main-nav > li > a{
	    background-position: left top;
		font-size: 2em;
		height: auto;
		padding: 1em;
		text-align: right;
		text-indent: 0;
		background-size:120px 120px;
	}
	
	#header-overlay {
		margin-bottom: 1em;
		margin-top: 1em;
		position: relative;
		width: 100%;
		z-index: 9999;
	}
	
	#header-overlay p{
		color: #757783;
		text-shadow: 0 0 0 transparent;
		}

	#category-menu ul{
		display: none;
		}
		
	#category-menu select {
		background-color: #E0E3E5;
		border: 1px solid #BFC0C0;
		border-radius: 5px;
		display: inline-block;
		font-size: 1.5em;
		margin: 0;
		padding: 10px;
		width: 99%;
    }
	
	#category-menu select option{}
	
	#post-entries .entry {
		border-color: -moz-use-text-color -moz-use-text-color #c3c4c6;
		border-style: none none solid;
		border-width: 0 0 1px;
	}
	
	#grid .column.size-1of2 > .column{
		background: url("images/mobile-post-shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	}
	
	#post-1 .entry-excerpt .addtoany_share_save_container {
		margin: 3.5% 0 0 38%;
	}
}

@media screen and (max-width: 500px){
	#category-menu select {
		margin: 0;
		width: 100%;
	}
	
	.size-1of2 {
		margin: 0;
		width: 100%;
	}
	
	.entry .col-xs-4 {
		width: 100%;
	}
	
	.entry .col-xs-4  img{
		width: 100%;
		height: auto;
		}
	
	.entry .col-xs-8 {
		margin-top: 2em;
		padding: 0;
		width: 100%;
	}
	
	.entry-excerpt .addtoany_share_save_container {
		margin: 0;
		position: relative;
	}
	
	.entry-option {
		float: left;
		margin-top: 1em;
		clear: both;
	}
	
}