/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.2
*/

/*--------------------------------------------------------------
 Global styles for content
--------------------------------------------------------------*/

/* add a little left and right margin; looks better on resize 
.site-main {
  position: relative;
  margin-left: 20px;
  margin-right: 10px;
} */


.site-header {
	border-bottom: 1px solid #356DA2;
}


body {
        margin: 0;
        padding: 0;
        overflow-x: hidden; /* To prevent horizontal scrolling */
}

.entry-content .bg {
	width:1800px;
	height:380px;
	margin-left:-350px;
	margin-top:-220px;
  	background-image: url("/wp-content/uploads/2024/04/AdobeStock_118994843-web-bl2-scaled.jpg");
  	background-repeat: no-repeat;
  	background-size: cover;
}

.entry-title {
	font-weight: 700 !important;	
	margin-bottom: 15px;
	margin-top: 35px;
}

.site-content .content-area {
  width: 100%;
}

html, body {
    overflow-x: hidden; 
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	font-family: Merriweather,serif !important;
  	font-style: normal;
  	line-height: 1.4em;
  	letter-spacing: 0.017rem;
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5 {
	font-family: Oswald,sans-serif !important;
	color: #336ca5;
	font-weight: 900;
}
	
h1 {
  color: #336ca5;
  font-size: 36px;
}

h2 {
	font-size: 30px; 
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 6px;
}

h3 {
	font-size: 26px; 
	font-weight: 700;	
	margin-bottom: 6px;
}

h3 a{
	font-size: 23px; 
	font-weight: 700;	
	margin-bottom: 6px;
	text-decoration: underline !important;
}

h4 {
	font-size: 20px;
	font-weight: 700 !important;
	color: #336ca5 !important;
	margin-top: 15px;
}


h4 a{
	font-size: 20px;
	font-weight: 700 !important;
	margin-top: 15px;
		text-decoration: underline !important;
}

h5 {
	font-size: 20px;
	font-weight: 900 !important;
	color: #000 !important;
	margin-top: 15px;
	margin-bottom:10px;
}

b, strong {
	font-weight: 900;
}

/* navigation styles */


.main-navigation .main-nav > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main-navigation ul {
	font-family: Oswald,sans-serif !important;
	color: #336ca5 !important;
  	list-style: none;
	text-transform: uppercase !important;
  	margin: 0;
  	padding-left: 0;
}

.main-navigation .main-nav ul li a {
  	text-transform: uppercase !important;
	font-family: Oswald,sans-serif !important;
	font-weight: bold;
	padding-left: 12px;
  padding-right: 12px;
  line-height: 60px;
	font-size: 17px;
	color: #336ca5 !important;
	text-decoration: none !important;	
}

.main-navigation .main-nav ul li a:current-menu {
	color: #328612 !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: #328612 !important;
		text-decoration: none !important;	
}

a {
	color: #0c3182 !important;
	text-decoration: none !important;
}

a:hover, .entry-title a:hover {
	color:#1E4063 !important;
	text-decoration: underline !important ;
}

a, a:visited, .comment-content a  {
	color: #1E4063; 
	text-decoration:none;
	font-weight: 400;
} 

.entry-title {
	font-weight: 700 !important;	
	margin-bottom: 15px;
	margin-top: 35px;
}


hr {
	  border-top: 1px solid #CCCCCC;
}

blockquote {
	font-size:18px !important;
	margin:10px;
	padding:10px;
	font-style: italic;
}

.sidebar {
		float:right; 
		width:22%; 
		padding: 10px; 
		margin: 20px 0 50px 20px; 
		border-left: 1px solid #ddd;
}



/* pullquote style */

.pullquote {
  background:#E1F0F4;
  width:300px;
  padding:25px;
  margin: 10px 10px 20px 15px;
  font-style: italic;
  border-top: 1px solid #30626F;
  border-bottom: 1px solid #30626F;
  float: right;
}

/* Search and Filter Styles */

.searchandfilter h1.entry-title a {
		border: 3px solid #000 !important; 
	} 

.searchandfilter h4 {
		color: #000 !important; 
		font-size: 16px !important;
		font-weight: normal !important;
		padding-right:20px !important;
		padding-bottom:5px !important;
	} 

.searchandfilter ul {
	margin-left:0px !important;
	padding-right:30px !important;

	} 

/* makes search form vertical instead of horizontal
 * To get rid of labels, remove them from the header fields
 * in the form */
/* .searchandfilter li {
  list-style: none;
  padding-right: 20px !important;
  display: inline-block !important;

} */

.searchandfilter ul li h4 {
    float: left;
    display: inline;
    text-align: left;
    width: 200px;
} 

.search-filter-reset {
	padding:5px !important;
}


/* styling for APA references */

.ref-apa {
    margin-top: 0px !important;
	margin-bottom:15px;
    hyphens: none;
	font-size: 16px !important;
	text-indent: -15px !important;
	margin-left: 15px !important;
	line-height: 1.35em;
}


.footnote {
    font-size: 14px;
    margin-top: 20px !important;
    hyphens: none;
}

.nav-previous {
	display:none;
}

.posted-on {
	display:none;
}

.byline {
	display:none !important;
}


#comments {
	display:none;
}

.nav-next {
	display:none;
}


.gp-icon svg {
	display:none;
}

.cat-links {
		display: none !important ;
}


.sf-field-search::after {
    content: '\A' !important;
	color: #000000;
	margin-left: 4px;
}
 
.sf-field-taxonomy-audience:before {
    content: '\A' !important;
}

/*
.entry-meta .gp-icon:before  {
	content: "Tags:" !important;
	color: #000000;
	opacity: 1 !important;
	margin-left: 4px;
}


.entry-meta .gp-icon {
	color: #000000;
	opacity: 1 !important;
	margin-left: 0px;
	font-weight: 900;
	font-size: 20px;
} */

.entry-meta {
	display:block !important;
}

footer.entry-meta {
	margin-left: -5px !important;
	font-size:100%;
} 

.entry-title {
	margin-top:0px !important;
}

.copyright {
 	display:none;
}

.copyright-bar {
	display:none;
}



/*--------------------------------------------------------------
2.0 - RESPONSIVE MEDIA QUERIES (mobile styles)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.2 - Phone landscape
--------------------------------------------------------------*/
@media screen 
	and (max-width: 600px) 
	and (min-width: 420px) 
    and (orientation: landscape) {
		
   .main-navigation {
	    max-width: 420px;
    }
   .nav-menu .sub-menu {
	   left: 0;
	   border: none;
    }
    #site-navigation {
	   width: 420px;
   }
		
	.sidebar {
			width:100% !important;
		}
 
	.entry-content .calloutBlue {
			width:100% !important;
		}
		
		.entry-content .pullquote {
			width:100% !important;
		}
			
	.entry-content .print {
		display: none !important;
}
		
		.entry-content .panel img {
			width:100% !important;
}
		
	.calloutToolkit {
	width:100% !important;
}
	
		.calloutLeft {
		width:100% !important;
}
		


		
		
}/* don't delete this closing bracket */

/*--------------------------------------------------------------
2.3 - Phones portrait
--------------------------------------------------------------*/
@media screen 
	and (min-width: 320px) 
	and (max-width: 720px) 
    and (orientation: portrait) {
		
	/* show smaller icon on portrait screens */
	.site-header {
		background: url("/wp-content/uploads/2022/12/LEARN-Network-logo-banner.png") no-repeat scroll top !important; 
				background-size: 400px !important;
	}
		
		.logo {
    display: none;
  }

	.main-navigation {
	    max-width: 320px !important;
    }
	.nav-menu .sub-menu {
	   left: 0;
	   border: none;
    }
    #site-navigation {
	   width: 320px !important;
   }
		
   
		
		.myButton {
			display:10% !important;
		}
		
		.sidebar {
			width:100% !important;
		}
		
		.entry-content .calloutBlue {
			width:100% !important;
		}
		
		.entry-content .pullquote {
			width:100% !important;
		}
		
		.entry-content .casestudyBio {
			width:100% !important;
		}
	
	.entry-content .print {
		display: none !important;
}
		
		.entry-content .panel img {
			width:100%  !important;
}
		
		.calloutToolkit {
			width:100% !important;
		}
		
		.calloutLeft {
		width:100% !important;
}		

		

		
		
}/* don't delete this closing bracket */