/*
Theme Name: SCECMS
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: Randal Rust
Author URI: http://r2communications.com
Template: twentytwelve
Description: Theme for South Carolina
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scecms
Tags:

SCECMS is based on the Twenty Twelve Theme. Twenty Twelve Theme, like WordPress, is licensed under the GPL.
*/

/* variables */
:root {
	--ff-a: arial, helvetica, sans-serif;
	--ff-r: arial, helvetica, sans-serif;
	--ff-rs: georgia, serif;
	--ff-g: georgia, serif;
	
	--c-black: rgba(0,0,0,1);
	--c-black-90: rgba(0,0,0,0.9);
	--c-black-80: rgba(0,0,0,0.8);
	--c-black-70: rgba(0,0,0,0.7);
	--c-black-60: rgba(0,0,0,0.6);
	--c-black-50: rgba(0,0,0,0.5);
	--c-black-40: rgba(0,0,0,0.4);
	--c-black-30: rgba(0,0,0,0.3);
	--c-black-20: rgba(0,0,0,0.2);
	--c-black-10: rgba(0,0,0,0.1);
	
	--c-white: rgba(255,255,255,1);
	--c-white-90: rgba(255,255,255,0.9);
	--c-white-80: rgba(255,255,255,0.8);
	--c-white-70: rgba(255,255,255,0.7);
	--c-white-60: rgba(255,255,255,0.6);
	--c-white-50: rgba(255,255,255,0.5);
	--c-white-40: rgba(255,255,255,0.4);
	--c-white-30: rgba(255,255,255,0.3);
	--c-white-20: rgba(255,255,255,0.2);
	--c-white-10: rgba(255,255,255,0.1);
	
	/* teal #35c2D9 */
	--c-teal: rgba(53,194,217,1);
	--c-teal-90: rgba(53,194,217,0.9);
	--c-teal-80: rgba(53,194,217,0.8);
	--c-teal-70: rgba(53,194,217,0.7);
	--c-teal-60: rgba(53,194,217,0.6);
	--c-teal-50: rgba(53,194,217,0.5);
	--c-teal-40: rgba(53,194,217,0.4);
	--c-teal-30: rgba(53,194,217,0.3);
	--c-teal-20: rgba(53,194,217,0.2);
	--c-teal-10: rgba(53,194,217,0.1);
	
	/* blue dark #282661 */
	--c-blue-dark: rgba(40,38,97,1);
	--c-blue-dark-90: rgba(40,38,97,0.9);
	--c-blue-dark-80: rgba(40,38,97,0.8);
	--c-blue-dark-70: rgba(40,38,97,0.7);
	--c-blue-dark-60: rgba(40,38,97,0.6);
	--c-blue-dark-50: rgba(40,38,97,0.5);
	--c-blue-dark-40: rgba(40,38,97,0.4);
	--c-blue-dark-30: rgba(40,38,97,0.3);
	--c-blue-dark-20: rgba(40,38,97,0.2);
	--c-blue-dark-10: rgba(40,38,97,0.1);
	
}

html { 
	font-size: 100%; 
	margin-top: 0px !important; 
	width: 100%!important;
}

body { 	
	color: #000000; 
	font-size: 14px;
}

body.custom-font-enabled { 
	font-family: Georgia, serif;
}


a,
.widget-area .widget a, 
.widget-area .widget a:visited, 
.widget-area .widget a:active {
	color: var(--c-teal) !important;
	border-bottom: 1px dotted var(--c-teal);
}

a:hover {
	color: var(--c-blue-dark) !important;
	border-bottom: 1px dotted var(--c-blue-dark);
}

.site {
	padding: 0px !important;
}
	
.site-header { 
	padding-top: 0px;
}

#masthead-container { 
	background: #282661; padding: 20px;
}

#masthead-container:after { 
	content: ""; 
	display: table; 
	clear: both;
}

#masthead-logo { 
	float: left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
}

#masthead-logo a,
#masthead-logo a:visited {
	border-bottom: none;
}

#ecms-search-box-container { 
	padding: 10px 0px 10px 0px; 
	text-align: right;
}	

.main-navigation {
	margin-top: 20px;
	margin-bottom: 20px;
}


#main {
	padding-right: 10px;
	padding-left: 10px;
}

.site-content {
	padding-top: 0px;
	margin-top: 0px;
}

.site-content article {
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.entry-header {
	margin-bottom: 20px;
}

.entry-header .entry-title { 
	/*color: #35c2d9;*/
	color: var(--c-teal);
	font-weight: bold; 
	/*padding:20px;*/
}

.ecms-object-coverage:before { 
	border-top-color: #e2e2e2; 
}

.entry-content {
	padding-top: 0px;
	margin-top: 0px;
}

.entry-content-home {
	padding-top: 0px;
}

.entry-content p { 
	margin-bottom: 15px !important; 
}

.entry-content ul { 
	margin-bottom: 15px; 
}

blockquote.ecms-blockquote { 
	border-top-color: #7CBF55;
}

#footer-partners-container {
	border-top: 10px solid #282661;
	padding-top: 25px;
	background: #ffffff;
	}
	
footer[role="contentinfo"]{
	color: #ffffff; background: #282661;
	padding: 20px;
	margin: 0 0 0 0;
	}
	
footer[role="contentinfo"] a, 
footer[role="contentinfo"] a:visited, 
footer[role="contentinfo"] a:active { 
	color: #e2e2e2; 
	text-decoration: none;
}
footer[role="contentinfo"] a:hover { 
	color: #ffffff; 
	text-decoration:none;
}

@media screen and (min-width: 240px) {
	
	.main-navigation ul.nav-menu, 
	.main-navigation div.nav-menu > ul { 
		background: #fff; 
		border-bottom:2px solid #282661; 
	}
	
	.main-navigation li { 
		margin: 0px 10px;
	}
	
	.main-navigation li a, 
	.main-navigation li a:visited, 
	.main-navigation li a:active { 
		color: #282661; 
		font-weight: normal; 
		font-size:12px; 
		line-height:50px; 
		text-transform: none; 
		padding: 0px 12px;
	}
	
	.main-navigation li a:hover { 
		color: #4e4f56;
	}
	
	.main-navigation li ul li a, 
	.main-navigation li ul li a:visited, 
	.main-navigation li ul li a:active { 
		color: #4e4f56;
	}
	
	.main-navigation .current-menu-item > a { 
		color: #4e4f56; 
		font-weight: normal; 
	}

	.ecms-media-container {
		padding: 20px;
		border: 1px solid #e2e2e2;
		margin-bottom: 20px;
		}

	.scholars-corner-sidebar-container {
		padding: 10px;
		border: 2px solid #000000;
		border-color: #7A3814;
		}
	
	.scholars-corner-sidebar-container > h3 {
		font-size: 20px;
		}
}
	
@media screen and (min-width: 320px) {
   
	#ecms-search-box-container { 
		/*
		padding: 10px 0px;
		text-align: right;
		*/
		float:left;
		clear:both;
		margin:1rem 1.5rem;
	}

}
   
/*
div.ecms-object-preview-container-stack {
	padding:0;
}

div.ecms-object-preview-container-stack div.ecms-object-preview-thumbnail {
	padding-left:5%;
}

div.ecms-object-preview-container-stack div.ecms-object-preview-text {
	float:left;
	width:75%;
	padding-left:5%;
}
*/
    
@media screen and (min-width: 360px) {
   
	#ecms-search-box-container { 
		/*
		padding: 10px 0px; 
		text-align: right;
		*/
		float:left;
		clear:both;
		margin:1rem 2.8rem;
	}

	#masthead-logo {
		margin:10px;
	}	
	
}

    
@media screen and (min-width: 375px) {
    
	#ecms-search-box-container { 
		padding: 0px 0px; 
		text-align: right;
		float:left;
		clear:both;
		margin:1rem 3rem;
	}

	#masthead-logo {
		margin:10px;
	}
       
}
    
@media screen and (min-width: 412px) {
    
	#ecms-search-box-container { 
		padding: 0px 0px; 
		text-align: right;
		float:left;
		clear:both;
		margin:1rem 4.3rem;
	}

	#masthead-logo {
		margin:1rem 2rem;
	}
	
	/*
	div.ecms-object-preview-container-stack div.ecms-object-preview-text {
		float:left;
		width:90%;
		padding-left:5%;
	}
	*/
    
}
	
@media screen and (min-width: 480px) {
    
	#masthead-logo {
		margin:1rem 3.5rem;
	}

	#ecms-search-box-container { 
		padding: 0px 0px; 
		text-align: right;
		float:left;
		clear:both;
		margin:1rem 6rem;
	}

}
	
@media screen and (min-width: 768px) {
    
    #ecms-search-box-container {
		 margin-top:-170px;
		 margin-right:5px;
		 clear:both;
		 float:right;
		 text-align: right;
	 }
    
    .entry-header .entry-title { 
        font-size:50px;
    }
        
	/*
    div.ecms-object-preview-container-stack div.ecms-object-preview-text {
        float:left;
        width:65%;
        padding-left:5%;
        }
	*/
    
}

@media screen and (min-width: 900px) {
	
	.site-header {
		margin-bottom: 20px;
	}
	
	.site-content { 
		/*
		float: left; 
		width: 73%; 
		*/
		margin: 0 auto;
		padding-bottom: 25px;
	}
                
	/*
	.widget-area { 
		clear:both; 
		float: left; 
		width: 23%; 
		margin: 10px; 
	}	
	*/
	
	/*
	.ecms-quick-browse {  
		border-bottom-color: #282661;
	}
	
	.ecms-quick-browse ul li a:hover { 
		color: #ffffff; 
		background: var(--c-teal);
	}
	
	nav.ecms-object-tabs-container { 
		border-bottom-color: #282661; 
	}
	
	nav.ecms-object-tabs-container ul li a { 
		background: #282661; 
		border-color: #28266; 
	}
	
	nav.ecms-object-tabs-container ul li a:hover {
		background: #35c2d9;
		border-color: #35c2d9;
		border-bottom: none;
		}
	
	nav.ecms-object-tabs-container ul li a.ecms-active-view,
	nav.ecms-object-tabs-container ul li a.ecms-active-view:hover { 
		background: #35c2d9; 
		border-color: #35c2d9; 
	}
	*/

	#ecms-search-box-container {
		margin-top:-125px;
		clear:both;
		float:right;
		width:50%;
		text-align: right;
	}
                                 
	.entry-header .entry-title { 
		font-size:40px;
		}
    /*   
	div.ecms-object-preview-container-stack div.ecms-object-preview-text {
		float:left;
		width:65%;
		padding-left:5%;
	}
	*/
	
	/*
	.site-content {
		margin-top:-1rem;
	}
	*/
}
	
@media screen and (min-width: 960px) {
	
	body.full-width .site-content {
		margin-top: 0px;
	}
    
	/*
    .ecms-quick-browse {
        margin-top:1rem;
        margin-left:1rem;
	    margin-right:1rem;
        }
    
    .ecms-quick-browse ul li {
		display: inline-block;
		color:#282661;
		padding:0;
		margin-left:.3rem;
	}
	*/
	
	.main-navigation { 
		margin-top: 0px; 
	}
	
    .main-navigation ul.nav-menu, 
	.main-navigation div.nav-menu > ul { 
		background: #fff; 
		border-bottom:2px solid #282661; 
	}
	
    .main-navigation li { 
		margin: 0px 10px; 
	}
	
    .main-navigation li a, 
	.main-navigation li a:visited, 
	.main-navigation li a:active { 
		color: #282661; 
		font-weight: normal; 
		font-size:12px; 
		line-height:50px; 
		text-transform: none; 
		padding: 0px 12px; 
	}
	
    .main-navigation li a:hover { 
		color: #4e4f56; 
	}
	
    .main-navigation li ul li a, 
	.main-navigation li ul li a:visited, 
	.main-navigation li ul li a:active { 
		color: #4e4f56; 
	}
	
    .main-navigation .current-menu-item > a { 
		color: #4e4f56; 
		font-weight: normal; 
	}
    
    #ecms-search-box-container { 
		 margin-top:-125px;
		 clear:both;
		 float:right;
		 width:50%;
		 text-align: right;
	 }
                                 
    .entry-header .entry-title { 
        font-size:35px;
        /*margin-top:1rem;*/
        }
    
	/*
    div.ecms-object-preview-container-stack div.ecms-object-preview-text {
        float:left;
        width:70%;
        padding-left:5%;
        }
    */
	
	/*
     .site-content {
        margin-top:30px;
        }
	*/
    
    }
    
@media screen and (min-width: 979px) {
    /*
	.ecms-quick-browse {
		margin-top:1rem;
		margin-left:1rem;
		margin-right:1rem;
	}

	.ecms-quick-browse ul li {
		display: inline-block;
		color:#282661;
		padding:0;
		margin-left:.25rem;
	}
	*/
}

@media screen and (min-width: 1024px) {
    
    .main-navigation li a, 
	.main-navigation li a:visited, 
	.main-navigation li a:active { 
        color: #282661; 
        font-weight: normal; 
        font-size:12px; 
        line-height:50px; 
        text-transform: none; 
        padding: 0px 12px; 
	}
        
	#ecms-search-box-container { 
		margin-top:-125px;
		clear:both;
		float:right;
		width:50%;
		text-align: right;
	}
	
	/*
	.site-content {
		margin-top:30px;
	}
	*/

}

@media screen and (min-width: 1200px) {
    
	/*
    .site-content {
        margin-top:40px;
        }
    
    .ecms-quick-browse { 
		border-bottom-color: #282661;
		margin-top:1rem;
    }
                     
    .ecms-quick-browse ul li {
		display: inline-block;
		font-size: 13px;
		color:#282661;
		padding:0;
		margin-left:.45rem;
	}
	*/
	
    .main-navigation { 
		margin-top: 0px; 
	}
	
    .main-navigation ul.nav-menu, 
	.main-navigation div.nav-menu > ul { 
		background: #fff; 
		border-bottom:2px solid #282661; 
	}
	
    .main-navigation li { 
		margin: 0px 10px; 
	}
	
    .main-navigation li a, 
	.main-navigation li a:visited, 
	.main-navigation li a:active { 
		color: #282661; 
		font-weight: normal; 
		font-size:12px; 
		line-height:50px; 
		text-transform: none; 
		padding: 0px 12px; 
	}
	
    .main-navigation li a:hover { 
		color: #35C2D9; 
	}
	
    .main-navigation .current-menu-item > a { 
		color: #35C2D9; 
		font-weight: normal; 
	}
    
    #ecms-search-box-container { 
		 margin-top:-175px;
		 clear:both;
		 float:right;
		 width:50%;
		 text-align: right;
	 }
    
}
    
@media screen and (min-width: 1280px) {
    
	/*
	.ecms-quick-browse {
		margin-left:0;
		margin-right:0;
	}

	.ecms-quick-browse ul li {
		display: inline-block;
		font-size: 13px;
		color:#282661;
		padding:0;
		margin-left:.65rem;
	}
	*/

}
    

@media screen and (min-width: 1440px) {
    
	/*
	.ecms-quick-browse {
		margin-left:0;
		margin-right:0;
	}

	.ecms-quick-browse ul li {
		display: inline-block;
		font-size: 13px;
		color:#282661;
		padding:0;
		margin-left:.62rem;
	}
	*/
    
}

/* TEMPORARY FIXES DURING UPGRADE */

/*
hides the social media icons that show up
under the caption of the featured image
*/

div.sfsiaftrpstwpr {
	display: none;
}

div.sfsiaftrpstwpr:first-of-type {
	min-height: 50px;
	display: block;
	float:none;
	clear:both;
	/*border: 1px solid red;*/
}

.ecms-object--image---caption div.sfsiaftrpstwpr {
	display: none;
	border: 1px solid red;
}

.ecms-h1,
.ecms-h2 {
	font-family: var(--ff-r) !important;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ecms-h2 {
	margin-bottom: 10px !important;
}

.ecms-h3,
.ecms-h4,
.ecms-h5,
.ecms-h6 {
	font-family: var(--ff-r) !important;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-h2--sidebar-header {
	font-family: var(--ff-rs) !important;
	padding: 0 0 10px 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-h3--section-header {
	color: #990000 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-object--aside {
	border: none;
}

.ecms-object--image---caption p {
	font-family: var(--ff-r) !important;
	margin: 0 !important;
}

.ecms-object--article h2 {
	margin-bottom: 4px !important;
}
.ecms-object--article h3 {
	color: #990000 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	text-transform: uppercase;
}

.ecms-object--article p a,
.ecms-object--article ul li a {
	border-bottom: 1px dotted #000;
}

.ecms-object--article p a:hover,
.ecms-object--article ul li a:hover {
	background: var(--c-red-dark-10);
	border-bottom: 1px dotted #900;
}

/* OVERRIDE ECMS DEFAULT STYLES */

/* quick browse */

.ecms-qb ul li a {
	border-bottom: none;
}

.ecms-qb ul li a:hover {
	color: #ffffff !important;
	background-color: var(--c-blue-dark);
}

/* list items */

.ecms-list--items li {
	margin-bottom: 20px;
}

.ecms-list--items li a {
	color: var(--c-teal);
	font-family: var(--ff-g);
	border-bottom: none;
}


/* Tabs */

.ecms-object--header---tabs {
	font-family: var(--ff-a);
	font-size: 13px;
	margin-top: 20px;
}

.ecms-object--header---tabs a {
	display: block;
	color: var(--c-white) !important;
	font-weight: bold;
	padding: 4px;
	background: var(--c-blue-dark);
	text-decoration: none !important;
	margin-right: 4px;
	margin-bottom: 2px;
	transition: 0.5s ease all;
}

.ecms-object--header---tabs a:hover {
	color: var(--c-white) !important;
	background: var(--c-teal);
}

.ecms-object--header---tabs a.ecms-active-view {
	color: var(--c-white) !important;
	background: var(--c-teal);
}

/* stack */

.ecms-list--stack a {
	border-bottom: none;
}

.ecms-list--stack article {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ecms-list--stack .sce-object-teaser-preview a {
	border-bottom: 1px dotted var(--c-teal);
}

.ecms-list--stack .sce-object-teaser-preview a:hover {
	border-bottom: 1px dotted var(--c-blue-dark);
}

/* sce aside (temporary) */

.sce-ecms-aside {
	float: none;
	width: auto;
	margin-bottom: 40px;
}

@media only screen and (min-width: 769px){
	
	.ecms-object--header---tabs {
		border-bottom: 2px solid var(--c-blue-dark);
	}
	
	.ecms-object--header---tabs a {
		display: inline-block;
		font-weight: bold;
		padding: 8px 8px;
		background: var(--c-blue-dark);
		text-decoration: none;
		margin-bottom: 0px;
	}
	
}