/*** DESKTOP ***/
/*Primary colors:
  Menu static green = #005c5d
  Menu active green = #004344
  Blue =
  Black =
   font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  */
  
@media (max-width: 768px) {

	/** BODY **/
	#MainBody, body {
		background-color: #e2e2e2
    }
    body, html {
        font-size: 16px;
  font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /*Open Sans, Helvetica Neue, Arial, sans-serif;*/
  line-height: 1.5em;
    }

       /** HEADER **/
    /*#hd {
        max-width:1170px;
        background-size: 100%;
        background-position: top center; 
        background-repeat: no-repeat;
		margin:0 auto;
		padding:0px;
    }*/
	.header-top-container{
		/*height:170px; removed: 3-25-2022*/
		}
    #masterHeaderImage {
		background-size:100%;
		/*background-image:url(/images/home-banner.jpg);*/
		background-repeat:no-repeat;
    }
    #auxiliary-container {
        background:transparent;
		padding-left: 20px;
        border-radius: 5px;
        color: #004344;
    }
    #auxiliary-container a, #auxiliary-container a:hover, #auxiliary-container a:active {
        color: #004344;
        text-decoration: none;
    }
	
	
	
    .header-bottom-container {
        background-color: #005c5d;
        max-width: 1170px;
        margin: auto;
        /*margin-top: 204px;*/
    }
    .navbar-collapse.collapse {
        /*float: left; removed: 3-25-2022*/
    }
      
	/** GENERAL **/
	h1, h2, h3, h4 {
		font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		font-weight: 600;
		color:rgb(33, 37, 41) !important;
	}
	h1 {
		font-weight: normal !important;
		font-size: 40px !important;
		line-height:48px;
		margin-bottom:4.96px;
		margin-top:0px;
		box-sizing:border-box;
		
	}
	h2 {
		font-weight: normal !important;
		font-size: 28px !important;
		padding-bottom:8px;
	}
	h3 {
		font-weight: normal !important;
		font-size: 22px !important;
		padding:6px 0px;
	}	

	.ecologLogin{
		padding:8px 16px;
		border-left:3px solid #005c5d;
		margin-right: 42px;
		max-width:320px;
	}
    
	img.journalFan{
		width:100%;
		max-width:340px;
		padding-top:42px;
	}
	
    /** FOOTER **/
    #ft {
        background-color: #212529;
		max-width: 1170px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;		
    }
	/*#212529*/
    .footer-content {
        background-color: transparent;
        max-width: 1170px;
		margin-left:auto;
		margin-right:auto;
    }
    .footer-nav-copyright {
         background-color: #212529;
         color: #f1f1f1;
         max-width: 1170px;
         margin: auto;
         padding-top: 10px!important;
         padding-bottom: 10px!important;
         border-top: 1px solid #333;
         border-bottom: 1px solid #333;
         margin-bottom: 10px;
    }
    .footer-nav-copyright, .footer-nav-copyright a, .footer-nav-copyright a:hover {
        color: #f1f1f1;
        text-decoration: none;
    } 
    .footer-copyright p {
        letter-spacing: 2px;
        font-weight: bold;
        font-size: 12px;
    }   
        
	#ste_container_FooterCopyright{
		text-align:center;
	}	
		
	/** LAYOUT **/
	.col-primary {
		width: 100%!important;
	}
	.col-secondary {
		width: 0%!important;
		display: none;		
	}      

    /** MENU **/
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        text-transform: none;
        font-family: Arial;
    }
    .RadMenu.rmResponsive .rmGroup {
        color: #fff;
        background-color: #005c5d;
    }
    .RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink {
        color: #fff;
        background-color: #004344;
    }
    .RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink {
        color: #fff;
        background-color: #004344;
    }
    .rmResponsive .rmSlide .rmLink, .rmResponsive .rmSlide .rsmLink {
        color: #fff;
		cursor:pointer;
    }
	
	.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rsmLink:hover {
        color: #fff !important;
		cursor:pointer;
    }

	ul.rmGroup li.rmItem{
		min-width:200px;
		
	}

	#footerCommunication{
		
	}
	#masterFooterConnectWithUs .fa{
		color:#fff !important;
	}
	
	.footer-content h1, .footer-content h2, .footer-content h3, .footer-content h4{
		color:#f3f3f4 !important;
		font-weight:600;
	}

	/*h2.panel-title{
		border-bottom:1px solid #ddd;
		padding:6px 10px;
	}*/

	/** MASTER CONTENT **/
	#masterContentArea {
		background-color: #FFF;
		/*max-width: 1170px;*/
		padding-top:12px !important;
    }
}