@charset "utf-8";
/* CSS Document */
/*01/23/24 - Updated from TCS CSS*/

/*General*/
body {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.15rem;
    line-height: 1.5;  
    background-color: #111b4c;
}

p {
    margin-top: 0;
    margin-bottom: 1.0rem;
    padding:0px 10px 0px 10px;
    font-size: 1.00rem;    
}
a {color: #d52c11; font-weight: bold; text-decoration: none;}
a:hover{text-decoration: underline;}

h1{margin: 0px 0px 0px 10px; font-size: 2.0rem;color:#111b4c; }   
h2{margin: 10px 0px 0px 10px;font-size: 1.75rem;color:#d52c11;}
h3{margin: 0px 0px 0px 10px; font-size: 1.5rem;color:#111b4c; } 
/*Section spacer*/
.section-spacer{border-bottom: 5px solid #edb41d; margin: 20px;}

/*Page Links*/
.multiple {text-align:center; }

/*Skip to content*/
#skip-to-content  {position:absolute;top:-500px;left:0px;width:0px;overflow:hidden;}
#skip-to-content a:active, #skip-to-content a:focus{position:static;width:auto;height:auto;}
#skip-to-content a {color:#ffffff;background: #000000;}

.wrapper{
	max-width:1580px; 
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	padding:0;
    background-color: #ffffff;
}

 /* Begin - Introduction and image - side by side*/   
.intro{
	margin:auto; 
    height:auto; 
    background:#fff; 
    overflow:auto;
    padding-bottom: 10px;
}
.introduction-text{
	height:100%;
    display: table;
}
.introduction-text{
	width:50%;
	float:right;
}
.introduction-image{
	width:50%;
	float:left; 
}
.responsive-image {
	max-width: 100%;
  	height: auto;
}

/*Main Editable Area*/
.main-body
{
  	max-width: 1580px;
 	position: relative;
	margin-top: -4px;
	padding: 0px;
}

/*Footer*/
.socialmedia{ text-align:center;padding: 10px 0px 10px 0px;}
.socialmedia .fa {padding: 0px;font-size: 40px;width: 70px;text-align: center;text-decoration: none;}
.socialmedia .fa .iconlink{visibility:hidden; 	font-size: 10px;}
.socialmedia .fa:hover {opacity: 0.7;}
.socialmedia .fa-facebook, .socialmedia .fa-twitter , .socialmedia .fa-instagram, .socialmedia .fa-youtube-play {color: #d52c11;}
.socialmedia .pat-footer {color: #d52c11; font-family: "Arial Narrow", Arial, sans-serif; font-weight: 600;}

.content img{
    width:100%;
    border-radius: 6px;
}

@media only screen and (max-width: 999px) {
.introduction-text{width:100%;}
.introduction-image {width:100%;}}   
.content{font-size: 1rem;}
/*End - Introduction and image - side by side*/
h1 { padding-top: 10px;}
.responsive-image {margin-bottom:-10px}

@media only screen and (min-width:1000px) and (max-width: 1299px){
    h1 {font-size: 2.25rem;}  
}  
@media only screen and (min-width:1300px){       
    h1 {font-size: 4.0rem;} 
    p {font-size: 1.25rem;}    
}

/*Navigation*/

.topnav {
  overflow: hidden;
  background-color: #d52c11;
/* background-image: linear-gradient(to right, #d52c11, #EDB421); */        
 background-image: linear-gradient(90deg, rgba(213,44,17,1) 0%,  rgba(237,180,33,1) 65%);    
}

.topnav a {
  float: right;
  display: block;
/*
   color: #000000;
  background-color:#15b357;   
    */
    
  color: #ffffff;
  background-color:#0d7337;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
}

.topnav a:hover, .topnav a.active:hover {
  background-color:#111b4c;
  color: #ffffff;
}

.topnav a.active {
/*  background-color: #EDB421; 
     color: #000000;*/
  background-color: #d52c11;    
  color: #ffffff;
}