/* 
Theme name: Excel Blog Child
Description: Trial child theme
Author: Chris Short
Version: 2.9

Template: excel-blog
*/
@import url('../excel-blog/style.css');


body,
button,
input,
select,
textarea {
	color: black;
	font-family: "Georgia", "Times New Roman",serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,h2,h3 {

}

.figure {
position: relative;
width: auto;
height: auto;
display: inline-block;
}

.figure .image-main, .image-hover {
position: absolute;
top: 0;
left: 0;}

.figure .image-hover {
z-index: 9999;
display: none;}

.figure:hover .image-hover {
display: inline;}

.site-branding .img {
       	margin-bottom: -7px;
	aspect-ratio: auto 1208/384;
	overflow-clip-margin:content-box;
	overflow: clip;
}


.site-header .site-branding{
	padding: 20px 20px 20px 20px;
	text-align: right!important;
}

.site-header .site-branding .site-description {
font-family: "Georgia", "Times New Roman",serif;
text-align: right!important;
color: #FFFFFF;
text-transform: none;
font-size:70px;

}

.site-header .site-branding .site-title a {
font-family: "Georgia", "Times New Roman",serif;
text-align: right;
color: #8EA9F0;
text-transform: none;
font-size:70px;
}

#search-3 {
	padding-top: 0px!important; /* adjust this to match the height of your header */
	}
aside#secondary.widget-area {
	padding-top: 20px;
}
.site-main {
	padding-top: 0px!important; /* adjust this to match the height of your header */
}

.nav-holder {
  background-color: #8EA9F0;
	z-index: 120;
}

.main-navigation li.focus > a,
.main-navigation ul li a:focus {
	background: #8EA9F0;
}

.main-navigation ul ul .focus > a {
	background: #8EA9F0;
}


.main-navigation ul ul a.focus {
	background: #8EA9F0;
}


/* I think this is redundant, no post-374 
.post-374 {
	background-image: url("Boom.png");
    background-repeat: no-repeat;
	padding: 500px; 
}
*/

/*footer style*/


.site-footer{
	background: #8EA9F0;
	color: #FFFFFF;
}



.wpcf7-form-control.wpcf7-textarea {
width: 750px;
}

.searchandfilter input[type="text"] {font-size:26px; width:630px;}
@media only screen and (max-width: 767px) and (min-width: 480px){
.searchandfilter input[type="text"] {width:325px;}
}
@media only screen and (max-width: 479px){
.searchandfilter input[type="text"] {font-size:16px; width:180px;}
}

.image-holder {
position:absolute;
left: 100px;
}

#primary-look {
position: relative;
left: 530px;
height: 135px;
}

.search-field {
width: 250px;}

/*To correct grey rectangle on RHS of many pages*/

#secondary .widget .widget_text .textwidget {
background: #000000;
}