@media screen and (min-width: 75em){
    .top-bar .top-bar-title .site-logo{
        max-width: 300px !important;
    }
}

@media screen and (max-width: 639px){
    .site-mobile-title.title-bar-title img{
        max-width: 142px !important;
    }
}

/*  ##########################################  START OF TOPBAR WITH LINKS STYLES - C. Real */

.site-topbar{
	background-color: #323131;
	padding: 16px 32px 16px 0;
	text-align: right;
	font-family: "Montserrat",sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1em;
}

.site-topbar ul{
	list-style: none;
	margin: 0;
	padding: 0px;
}

.site-topbar ul li{
	display: inline-block;
}

.site-topbar ul li:before {    
    content: '\0276F';
    margin:0 5px 0 -15px;
    color: #FDC23C;
	padding-left: 50px;
}

.site-topbar ul li a{
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	transition: .3s all ease;
	border-bottom: 1px solid #323131;
}

.site-topbar ul li a:hover{
	border-bottom: 1px solid #FDC23C;
}

.topbar-mobile{
	display: none;
}

/* The container <div> - needed to position the dropdown content */
.topbar-mobile .dropdown {
  position: relative;
  display: inline-block;
}

.topbar-mobile button.dropbtn {
    background: #000;
    padding: 10px 16px;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    border-radius: 3px;
    color: white;
}

.topbar-mobile button.dropbtn span:before{
	content: '\0276F';
	margin-right: 5px;
	color: #FDC23C;
}

.topbar-mobile .dropdown-content a:after{
	content: '\0276F';
	margin-left: 5px;
	color: #FDC23C;
}

/* Dropdown Content (Hidden by Default) */
.topbar-mobile .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0px; 
}

/* Links inside the dropdown */
.topbar-mobile .dropdown-content a {
    color: #333333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}

/* Change color of dropdown links on hover */
.topbar-mobile .dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.topbar-mobile .dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.topbar-mobile .dropdown:hover .dropbtn {
    background-color: #ffffff;
    color: #333333;
}


/* ######################  STYLES TO CHANGE ON CSS WHEN LAUNCHED */

.site-header .top-search-container .top-wrapper:before {
    background-image: url("https://sheeopoststage.wpengine.com/wp-content/themes/sheeo2020/src/assets/images/search-bg-gray.png");
}

.site-header .top-search-container .top-wrapper{
    background-color: #D6D6D9;
}

.top-bar .top-bar-title .site-logo {
    max-width: 225px;
}

.site-header .top-search-container .top-search-content {
    background: #fff;
}

.site-header .top-search-container {
    background-color: #fff;
}

.site-header .top-search-container:after {
    background-color: #D6D6D9;
}

.site-header .top-search-container .top-search-content .input-group .searchsubmit {
    color: #333;
}

.site-header .top-search-container .top-search-content .input-group .searchsubmit {
    background-color: transparent;
}

.site-header .top-search-container .top-search-content .input-group .searchsubmit:hover {
    background: #fff;
}

	
@media only screen and (max-width:479px) {

	.site-topbar {
	    display: none;
	}
	
	
	.site-topbar.topbar-mobile{
		padding: 6px 20px;
		display: block;
	}
	
}

/*  ##########################################  END OF TOPBAR WITH LINKS STYLES - C. Real */
/* FOOTER STYLING */
footer#sheeo-sites-footer {
	background-color: #323131;
	font-size: 16px;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	min-height: 325px;
}

footer#sheeo-sites-footer a{
	color: #ffffff;
	text-decoration: none;
	transition: .3s all ease;
	border-bottom: 1px solid #323131;
}

footer#sheeo-sites-footer .text-link a:hover{
	border-bottom: 1px solid #FDC23C;
}

footer#sheeo-sites-footer .footer-container {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 80px 48px 50px;
}

footer#sheeo-sites-footer .footer-container .footer-container-one img	{
	width: 200px;
	height: auto;
	margin-bottom: 20px;
}

footer#sheeo-sites-footer .footer-container .content-inline{
	display: inline-block;
	margin-right: 20px
}

footer#sheeo-sites-footer .footer-container .footer-container-two{
	text-align: right
}

footer#sheeo-sites-footer .footer-container .footer-container-two ul{
	list-style: none;
}

footer#sheeo-sites-footer .footer-container .footer-container-two ul li{
	display: inline-block;
}


footer#sheeo-sites-footer .footer-container .footer-container-two img{
	width: auto;
	height: 22px;
	margin-left: 16px;
	opacity: 1;
	transition: .5s all ease;
}

footer#sheeo-sites-footer .footer-container .footer-container-two img:hover{
	opacity: .8;
}

footer#sheeo-sites-footer .footer-container .footer-container-two .fbk img{
	height: 26px
}


footer#sheeo-sites-footer .sheeo-sites-copyright{
	font-size: 13px;
	text-align: center;
	padding-bottom: 30px
}

@media only screen and (max-width:572px) {

	footer#sheeo-sites-footer .footer-container{
	    display: block;
	    text-align: center;
	}

	footer#sheeo-sites-footer .footer-container .footer-container-one{
		margin-bottom: 30px;
	}

	footer#sheeo-sites-footer .footer-container .footer-container-two{
		text-align: center;
	}
	
	footer#sheeo-sites-footer .footer-container .footer-container-two ul{
		padding-left: 0;
		margin-left: unset;
	}
	
	footer#sheeo-sites-footer .footer-container .content-inline.reverse-padding {
	    margin-right: 10px;
	    margin-left: 10px;
	}
	#sheeo-sites-footer .social-media-links li:first-child img {
    margin-left: unset;
	}

}