/*
Theme Name: Weather Queen shades Wordpress Theme
Theme URI: http://www.google.com
Description: wordpress theme for Weather Queen shades
Author: lester john somosa
Author URI: http://www.google.com
Version: 1.0
*/

/********************************
    Import Respontive Menu CSS
@import url(https://weatherqueenshades.com/wp-content/themes/weatherqueen/css/component.css) (max-width:783px);
********************************/

/********************************
	Webfonts
********************************/

@font-face {
    font-family: 'bebas';
    src: url('https://weatherqueenshades.com/wp-content/themes/weatherqueen/fonts/bebasneue-webfont.eot');
    src: url('https://weatherqueenshades.com/wp-content/themes/weatherqueen/fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
         url('https://weatherqueenshades.com/wp-content/themes/weatherqueen/fonts/bebasneue-webfont.woff') format('woff'),
         url('https://weatherqueenshades.com/wp-content/themes/weatherqueen/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('https://weatherqueenshades.com/wp-content/themes/weatherqueen/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************
    Global Decleration
********************************/

body div, p, table, tbody, span, ul, ol, li{
    font-family: arial, helvetica, times;
    font-size: 14px;
    line-height: 22px;
}

h1, h2, h3{
    color: #2a2d69;
    font-family: arial, helvetica, times;
    margin: 0;
    padding: 0 0 20px;
    font-weight: normal;
}

h1{
    font-size: 24px;
    line-height: 30px;
}

h2{
    font-size: 20px;
    line-height: 26px;
}

h3{
    font-size: 18px;
    line-height: 24px;
}

h1 a, h2 a, h3 a{
    color: #2a2d69;
    text-decoration: none;
}

p{
    margin: 0;
    padding: 0 0 20px;
}

a{
    color: #8f7b35;
}

.disc{
    list-style: disc;
    margin: 0 0 20px 20px;
}

.ngg-galleryoverview {
margin-bottom: 40px;
margin-top: 0 !important;
}

/********************************
    Top Section
********************************/
.dl-trigger{
    display:none;
}

.TopWrap{
    margin: 0 auto;
    width: 960px;
    padding: 20px 0 0;
}

.TopLeftPane{
    float: left;
    width: 400px;
}

.TopRightPane{
    float: left;
    width: 560px;
    text-align: right;
}

.SocialmedCell{
    padding: 5px 0;
}

.SearchCell{
    padding: 5px 0;
}

/* SEARCH FORM */

#searchform{
    font-size: 0;
}

#SearchTxt{
    border: 1px #2c2c6a solid;
    font-size: 12px;
    padding: 5px;
    width: 200px;
}

#SearchBtn{
    border:none;
    font-size: 12px;
    background: #2c2c6a;
    color: #fff;
    padding: 6px 10px;
}

/* NAVIGATION */

#dl-menu{

}

#dl-menu ul{
    display: block;
    padding: 10px 0;
    font-size: 0;
}

#dl-menu ul li{
    font-family: 'bebas', arial, helvetica, times;
    font-size: 20px;
    display: inline;
    padding: 0 0px;
    position: relative;
}

#dl-menu ul li a{
    color: #c1b77e;
    text-decoration: none;
    padding: 8px;
}

#dl-menu ul li:hover ul{
    display: block;
}

#dl-menu ul li:last-child a{
    padding: 10px 0 10px 10px;
}

#dl-menu ul ul{
    border: 1px #8F7B36 solid;
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    text-align: left;
    background: #fff;
    width: 220px;
    padding: 10px;
    z-index: 999;
}

#dl-menu ul ul li{
    border-bottom: 1px #e5d59f dashed; 
    display: block;
    text-align: left;
    padding: 5px 0;
    line-height: 26px;
}

#dl-menu ul ul li a, #dl-menu ul ul li:last-child a{
    padding: 5px;
    margin: 0;
    display: block;
}

#dl-menu li.current-menu-item a, #dl-menu li:hover a{
    background: url(https://weatherqueenshades.com/wp-content/themes/weatherqueen/images/navbg.jpg) repeat-x bottom center transparent;
}

#dl-menu li:hover li a{
    background: transparent;
}

#dl-menu li.current-menu-item ul li:hover a, #dl-menu li:hover li:hover a{
    background: #8F7B36;
    color: #fff;
}

#dl-menu li.current-menu-item ul li a{
    background: transparent;
}



/********************************
    Middle Section
********************************/

.SliderWrap{
    margin: 0 auto;
    padding: 20px 0;
    width: 960px;
}

.InnerWrap{
    border-top: 1px #8c7b36 dashed;
    padding: 20px 0 20px;
    margin: 10px auto 0;
    width: 960px;
}

.ContentPane{
    float: left;
    padding: 0 20px 0 0;
    width: 669px;
}


.RightPane{
    border-left: 1px #8c7b36 dashed;
    float: left;
    padding: 0 0 0 20px;
    width: 250px;
}

.wdgtRight{
    border-bottom: 1px #8c7b36 dashed;
    padding: 10px 0;
}

.wdgtRight:last-child{
    border:none;
}

.RghtRcntList, .RightPane ul{
    list-style-image: url(https://weatherqueenshades.com/wp-content/themes/weatherqueen/images/rcntbloglist.jpg);
    margin: 0 0 20px 20px;
}

.RghtRcntList li{

}

.RghtRcntList li a{
    color: #8f7b35;
    text-decoration: none;
}

.RightPane h1{
    color: #8f7b35;
}

.RightPane p{
    color: #8f7b35;
}

#fname, #eadd, #phne{
    padding: 5px;
    border: 1px #8F7B35 solid;
    margin:  0 0 10px;
    width: 240px;
}

#Cmmnts{
    padding: 5px;
    border: 1px #8F7B35 solid;
    width: 240px;
}

#sbmt{
    background: #232d7b;
    border:none;
    color: #fff;
    padding: 10px;
    font-size: 12px;
}

.MyFormWrap{
    padding: 40px 0 0;   
}

#author, #email, #url, #comment{
    border: 1px #8F7B35 solid;
    padding: 5px;
}

#author, #email, #url{
    margin: 0 10px 0 0;    
}

#comment{

}

#submit{
    background: #232D7B;
    border: none;
    color: #FFF;
    padding: 10px;
    font-size: 12px;
}

.gfield_label{
    display: none !important;
}

#input_1_1, #input_1_3, #input_1_4, #input_1_5{
    border: 1px #8F7B35 solid;
    padding: 5px;
    margin: 0 0 5px;
    width: 240px;
}

#gform_submit_button_1{
    background: #232D7B;
    border: none;
    color: #FFF;
    padding: 10px;
    font-size: 12px;   
}

DIV.post-wrap {
  margin-bottom: 1rem;
  border-bottom: thin dotted rgba(0,0,0,0.3);
}

DIV.post.has-post-thumbnail DIV.content-excerpt {
  position: relative;
  float: left;
}

DIV.entry-summary {
  margin-left: 1rem;
}

DIV.entry-summary P {
  width: 370px;
}

DIV.post.has-post-thumbnail DIV.post-thumbnail IMG {
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

DIV.navigation .newer {
    float: right;
}

/********************************
    Bottom Section
********************************/

.FooterWrap{
    border-top: 1px #8c7b36 dashed; 
    margin: 0 auto;
    padding: 10px 0 0;
    width: 960px;
}

.BottomPaneLeft{
    float: left;
    width: 480px;
}

.BottomPaneLeft ul {
    font-size: 0;
}

.BottomPaneLeft ul li{
    display: inline;
    font-size: 12px;
    padding: 5px 8px;
}

.BottomPaneLeft ul ul{
    display: none;
}

.BottomPaneLeft ul li:first-child{
    padding: 5px 10px 5px 0;
}

.BottomPaneLeft ul li a{
    color: #8e8e8e;
    text-decoration: none;   
}

.BottomPaneLeft ul li:hover a, .BottomPaneLeft ul li.current-menu-item a{
    color: #897e34;
}


.BottomPaneLeft p {
    font-size: 12px;
    color: #8e8e8e;  
}

.BottomPaneRight{
    float: left;
    width: 480px;
    text-align: right;
}

.BottomPaneRight p{
    font-size: 12px;
    color: #8e8e8e;
}

.bottom-right {
	float: right;
}

.bottom-right P {
	position: relative;
	float: left;
	padding-left: 1em;
} 
/********************************
    Pages CSS
********************************/

/* Home Page */

.hmeSldrWrap{
    padding: 0 0 20px;
}

.HmeBtmWrap{
    padding: 0 0 20px;
}

.HmeLstCellOne{
    float: left;
    padding: 0 10px 0 0;
    width: 470px;
}

.HmeLstCellTwo{
    float: left;
    padding: 10px;
    width: 460px;
    background: #c1b77e;
}

.HmeLstCellOne ul, .HmeLstCellTwo ul{
    list-style: disc;
    margin: 0 0 20px 20px;
}


/* Find A Dealer */

 #map { height: 400px; width: 669px; margin: 0 0 40px;}

.DlrWrap{
    padding: 0 0 10px;
    border-bottom: 1px #cccccc solid;
    margin: 0 0 20px;
}

.DlrThumb{
    float: left;
    width: 135px;
    padding: 0 20px 0 0;
}

.DltText{
    float: left;
    width: 510px;
}

.DformWrap{
    padding: 0 0 10px;
}

.DformCell{
    float: left;
    width: 50%;
}

#dname, #demail, #dtel, #dcityandstate{
    border:1px #8F7B35 solid;
    padding: 5px;
    width: 200px;
}

#dcheck input{
    position: relative;
    top: -4px;
}


#dcommnts{
    border:1px #8F7B35 solid;
    padding: 5px;
    width: 200px;
}

#dsubmit{
    background: #232D7B;
    border: none;
    color: #FFF;
    padding: 10px;
    font-size: 12px;
}

.find-half-cell{
    float: left;
    width: 50%;
}

.find-wrap-cell{
    border-bottom: 1px #cccccc solid;
    margin: 0 0 20px;
}

#aboutthumb {
    font-style: italic;
}

/* Blog */

.blgWrap{
   padding: 0 0 20px; 
}

.blgThmb{
    float: left;
    width: 170px;
}

.blgtext{
    float: left;
    width: 495px;
}

.blgtxtFull{
    width: 100%;
}


/********************************
	Wordpress Core CSS
********************************/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/********************************
	Soliloquy Galleries
*********************************/
#soliloquybox-thumbs ul {
	left: 0 !important;
	margin: 0 auto !important;
}



/********************************
    Media Queries


@media only screen and (min-width: 960px){
.dl-trigger{
    display:none;
}


}


@media only screen and (min-width: 784px) and (max-width: 959px){
.dl-trigger{
    display:none;
}

}


@media only screen and (min-width: 321px) and (max-width: 783px){
}


@media only screen and  (max-width: 320px){
}
********************************/