/*
Theme Name: Hobbs Valuation Services
Theme URI: http://hobbsvaluation.com
Author: Van Acker Design
Author URI: https://vanackerdesign.com
Description: Custom Theme for Hobbs Valuation Services
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: SASS, clean, bootstrap
Text Domain: HobbsValuationServices
*/

/*Colors
#CCA079 tan
#4D858D teal
*/

/*ak*/
page{
    padding: 0;
}

body {
    margin: 0 auto;
    overflow: visible;
    background-color: #ffffff;
    font-size: 18px;
    letter-spacing: .5px;
}

a { 
    text-decoration: none;
    color: #4D858D;
}

a:hover {
    text-decoration: underline;
    opacity: .7;
        color: #4D858D;

}
    
h1 {
    font-family: starling, serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2em;
    padding: 0 0 10px 0;
    }

h2 {
    font-size: 1.6em;
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}

h3 {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 0 0 20px 0;
}

h4 {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 0 0 5px 0;
}

p, a, li, ul {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 300;
}

p {
    padding: 0 0 10px 0;
}

a {
    font-weight: 500;
}

.fontio {
    font-family: canada-type-gibson, sans-serif !important ; 
    font-weight: 300;
}


/*----Header Style----*/


#umo-header {
    background-color: #ffffff;
    color: #191c1f;
    width: 100%;
    padding: 0 30px;	
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.6);
    z-index: 10000;
    height: 100px;
    position: fixed;
}

#center {
    margin: 0 auto;
    padding: 0;
    width: auto;
    max-width: 1000px;
    height: 140px;

}

#logo {
    display: inline-block;
    padding: 25px 0 ;
}

.custom-logo {
    width: auto;
    height: 50px;
    padding: 0;
}


.custom-logo, a:hover {
    opacity: 1.0; 
}


/*----Navigation Menu----*/


#site-navigation {
    display: inline;
    position: absolute;
	padding: 10px 0  ;
    right: 0;
    z-index: 100000;
}

.main-navigation {
    z-index: 1000;
    right: 0;
    display: inline;
}

.main-navigation li {
    max-width: 450px;
    width: 100vw;    
}

.main-navigation ul {
    padding: 0 10px 0 0;
}

.main-navigation a {
    font-weight: 400;
    text-decoration: none;
    color: #191c1f;
    text-transform: uppercase;
    background-color: #ffffff;
    display: block;
    padding: 10px 30px;
}

.main-navigation a:hover,
.main-navigation a:focus {
    background-color: #DCDCDC;
	    padding: 10px 30px;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: none;
}
 
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline;
    border: none;
    background: none;
    float: right;
    cursor: pointer;

}

.menu-toggle {
    margin: 0 auto;
    font-size: 50px;
	padding: 0 30px;
	
	
}
 

/*----Content----*/

   

#content-wrapper {
    width: auto;
    padding: 100px 30px 0 30px;
    margin: 0 auto;
    min-height: calc(100vh - 360px); 
}

#content {
    width: auto;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
    min-height: calc(100vh - 250px);
}
    
    
/*----full width----*/
    

#content .alignfull {
    margin-left : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    width : auto;
}

#content .alignfull img {
    width: auto;
}
    
.wp-block-cover__inner-container {
    max-width: 1000px;
    padding: 0;
}


.wp-block-columns {
	margin: 0;
}

td {
	padding: 20px;
    text-transform: uppercase;
	    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
}


/*----Footer Style----*/


#footer {
    background-color: #CCA079;
    width: 100%;
    color: #ffffff;
    margin: 0 auto;
    padding: 30px;
    height: 150px;
    overflow:visible;
    font-size: .8em;
}

#footer, ul {
    line-height: 2em;
    list-style-type: none;
}

#footer a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 300;
    list-style: none;
    padding: 0 20px;
}

#footer a:hover {
    opacity: .7;
    text-decoration: none;
    color: #ffffff;
    font-weight: 300;
    list-style: none;
    padding: 0 20px;
}

#footer li {
    list-style: none;
    list-style-type: none;
    display: inline;
}

#copyright {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

@media (min-width: 1024px) {
	
	
	h1 {
    font-family: starling, serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3.25em;
    padding: 0 0 10px 0;
    }

h2 {
    font-size: 1.6em;
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}

h3 {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: 0 0 20px 0;
}

h4 {
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 0 0 5px 0;
}


/*----Navigation Menu----*/


#site-navigation {
    position: relative;
    padding: 30px 0 0 0;
}

.main-navigation li{
    display: inline;
}

.main-navigation a {
    padding: 0 5px;
    display: inline;
    color: #A3A3A3;
}

.main-navigation a:hover {
    background: none;
    color: #4D858D;
    border-bottom: 2px solid #CCA079;
    padding: 0 5px 5px 5px;
}
    
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    display: inline-block;
    float: right;
    padding: 30px 0 0 0;
}
 
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: none;
}
.wp-block-cover__inner-container p {
margin-right: 33% !important;
}


.wp-block-cover__inner-container H1 {
	margin-right: 10% !important;
}

/*----Footer Style----*/


}