/*

Theme Name: Twenty Twenty Child

Theme URI: https://wp-themes.com/twentytwenty

Author: ChildThemeWP.com

Author URI: https://childthemewp.com

Description: My WordPress Twenty Twenty child theme.

Template: twentytwenty

License: GNU General Public License v3

License URI: https://www.gnu.org/licenses/gpl-3.0.html

Version: 1.0.0

Text Domain: twentytwenty-child

*/

@font-face {
    font-family: Montserrat-Regular;
    src: url('./fonts/Montserrat/static/Montserrat-Regular.ttf');
  }

html{
    font-size: 16px;
}
body {
    background: #ffffff;
    font-size:1rem;
    font-family: Roboto!important;    
}
h1, h2, h3, h4, h5, p{
    font-family: Roboto!important;  
    margin: 0 0 1rem;
  
}



.primary-menu a {
    font-size: 1.2rem;
    color: #071e2f !important;
    font-family: Roboto!important;    
    text-decoration: none !important;
}


.primary-menu > li.lang-item{
    margin-top:0.65em;
}

.primary-menu a:hover {
    color: #af9468 !important;
}

.primary-menu .current_page_item a {
    color: #af9468 !important;
}

.header-register-button {
    background-color: #af9468 !important;
    margin: -0.5em 0 0 5em !important;
}

.header-register-button:hover {
    background-color: #999999 !important;
}

.header-register-button a {
    color: #ffffff !important;
}

.header-register-button a:hover {
    color: #ffffff !important;
}

.header-navigation-wrapper {
    margin: 0 auto;
}

#site-header {
    z-index: 99;
    position: sticky;
    top:0;
    width: 100%;
    background: #fff;
    transition: all .3s;
}

#site-header.scroll {
    background: rgba(255, 255, 255, .9)
}
#homepage-hero-container{
    height:calc(100vh - 145px);
}

.header-inner {
    padding: 1.2rem 0;
}

.site-logo img{
    width:260px;
}

.header-inner .toggle {
    background: #17172C;
    height: 2em;
    width:2em;
    top: 1.2em;
    right: 0;
}
.header-inner .toggle:hover, .header-inner .toggle:focus {
    background: #af9468;
}

.header-inner .toggle .toggle-text {
    display: none;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
    color: #ffffff;
}

.nav-toggle .toggle-inner{
    position: absolute;
    left:0;
    right:0;
    margin:0 auto;
}

.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 0.8rem;
    width: 1.6rem;
}

#site-footer {
    background-color: #af9468;
}
.powered-by-wordpress{
    margin:0 auto;
}

.powered-by-wordpress,
.powered-by-wordpress a,
.to-the-top {
    color: #fff !important;
}

#footerlinktochildthemewp {
    display: none;
}


#site-footer .section-inner {
    display: grid;
    grid-template-columns: 2fr 2fr;
}

#site-footer a, #site-footer p, #site-footer li, #site-footer ul{
    font-size:1.2rem;
    color:#000;
    margin:0;
}



.wpcf7 input {
    background-color: #fcd9e8;
    color: #000000;
    font-family: Roboto !important;
    font-weight: 300;

}

::-webkit-input-placeholder {
    /* Edge */
    color: #000000;
    font-family: Roboto;
    font-weight: 300;


}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
    font-family: Roboto;
    font-weight: 300;
}

::placeholder {
    color: #000000;
    font-family: Roboto;
    font-weight: 300;

}

.wpcf7-submit {
    background-color: #13578e !important;
    color: #ffffff !important;
    font-family: Roboto !important;
    text-decoration: none !important;
}

.wpcf7-submit:hover {
    background-color: #999999 !important;

}
.pagination-single a{
    color:#000000!important;
}

.ekit-team-social-list > li > a:hover{
    background-color: transparent!important;
}

#site-footer a, #site-footer p, #site-footer li, #site-footer ul{
    font-family: Roboto;
}
#site-footer .dashicons{
    vertical-align: text-top;
    margin-right:0.5em;
}

#site-footer .widget_block{
    margin-top:1em;
}

/*

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%!important;
    width: 100%;
}

.post-inner {
    padding-top: 0;
}

body:not(.singular) main > article:first-of-type {
    padding: 0;
}

.entry-content h1, .entry-content h2, .entry-content h3 {
     margin: 1em auto;
}
*/

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

    .who-am-i-image {
        height: 300px;
    }

    .site-logo img{
        width:160px;
    }

    #site-footer .section-inner {
        display: grid;
        grid-template-columns: 2fr;
    }
}

@media (min-width: 700px){
	ul, ol {
    margin-bottom: 2rem;
}
}