/*
 Theme Name:   Above It All Roofing Theme
 Theme URI:    https://www.aboveitallroofing.com/
 Description:  Above It All Roofing Theme
 Author:       Demir Oral & Michael Allen
 Author URI:   https://www.sandia-digital.com/
 Template:     roofing
 Version:      1.0.0
 License: 	   ---
 License URI:  ----
 Tags:         two-columns, custom-background, threaded-comments, translation-ready, custom-menu
 Text Domain:  roofing
*/

/* Header and Menu */

/*ul.title-area > li.name > h1 > a > img*/
.creative-layout .top-bar .name h1 a img{
	height:80px;
}

#top_menu_social{
	margin:5px;
}

#top_menu_social > * {
	vertical-align:middle;
	float:none;
	display:inline-block;
}

.top-bar-section{
	margin-top:0px;
}

#top-bar-area{
	border:#ccc 1px solid;
	border-radius: 10px;
	padding: 5px;
}

#phone-numbers{
	margin-top:5px;
}

#phone-numbers > div{
	margin:0px 10px;
}

#phone-numbers > div:before{
    content: '\f0d7';
    font-family: FontAwesome;
    color: #fff;
    display: inline-block;
    right: 20px;
    top: 15px;
    pointer-events: none;
}

#phone-numbers > div > select {
	font-size: 1rem;
	height: inherit;
	position: relative;
	background: transparent;
	border: none;
	color: #f04124;
	padding: 0px;
	margin: 0px;
	top:0;
	font-family:verdana;
	font-weight:700;
	display: inline;
	text-align: center;
	width: 96.5%;
}

#phone-numbers > div > select > option{
	background-color:#222;
	font-family: verdana;
	font-weight:700;
}

#phone_button{
	background:	transparent;
	border: none;
	font-size: 14px !important;
	color:#ccc;
	font-family: "Open Sans";
	display: inline-block;
	position: inherit;
	padding:1px 5px;
}

#social_media_custom img{
	width:25px;
	height:inherit;
}

#social_media_custom a{
	display:inline-block;
	padding:0 2px;
}

/* End Header & Menu */

/* Footer Area */

#footer_social_media{
	text-align:center;
}


#footer_social_media img{
	width:25px;
	height:inherit;
}

#content-footer > li{
	color:transparent;
}

/* End Footer Area */

/* Mobile Mods to top bar and social media menus */
@media screen and (max-width:600px){
	
	#top_menu_social{
		text-align:center;
	}
	
	#phone-numbers{
		min-width:280px;
	}
	
	#phone-numbers > div > select{
		font-size:.95em;
		text-align-last:center;
	}
	
	#phone-numbers > div > select > option{
		font-size:.95em;
	}
}

@media screen and (max-width:1030px){
	.creative-layout .top-bar .name h1 a img{
		height:45px !important;
	}	
	.top-bar .title-area {
	    margin-top: 5px;
	}
}

/* Mobile mods to footer */
@media screen and (min-width:600px){
	#footer_social_media{
		display:none;
	}
}

/* Testimonials Modifications */

@media screen and (max-width:350px){
	.testimonials-grid-custom{
		min-height:400px !important;
		max-height:500px;
	}
}

@media screen and (min-width:351px) and (max-width:749px){
	.testimonials-grid-custom{
		max-height:400px;
	}
	.testimonial-grid-custom-excerpt > div > p{
		font-size:.9em;
	}
}

@media screen and (min-width:750px) and (max-width:1150px){
 .testimonials-grid-custom{
  	min-height:450px;
 }
	.testimonial-grid-custom-excerpt > div > p{
		font-size:.9em;
	}
}