/*
Theme Name:   BeOnePage Child
Description:  BeOnePage Child Theme
Author:       Agence Tool
Template:     BeOnePage
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  beonepagechild
*/

.separator, .triangle,
#about #skill-bar,
#gmap{
    display: none;
}
.spacer{
    height: 6em;
}
a{
    color: #efb65c;
}
button:hover{
    color: #291704!important;
    border-color: #291704!important;
}
.btn-light:hover {
	color: inherit !important;
	background: inherit !important;
}
.btn:not(.go-to-top){
    padding: 1em 2em!important;
    font-weight: 700;
}

.sticky-header{
    padding: 1em 0;
}
.main-navigation a{
    font-size: 16px;
    font-weight: 700;
    padding: 3rem 2rem!important; 
}

#slider {
	top: -173px !important;
	margin-bottom: 0 !important;
	height: 100vh !important;
}
.slider-caption h1 {
    font-size: 55px;
    font-weight: 400;
    line-height: 1.2;
	letter-spacing: .1em;
}
.slider-caption p {
	margin: 30px auto 50px auto;
	max-width: 700px;
    letter-spacing: 1px;
}
.slider-btn .btn:hover {
	border-radius: 10em !important;
}

.module h2{
    font-size: 45px;    
    font-weight: 400;
    line-height: 1.2;
	letter-spacing: .1em;
}
#service h2 + p,
.module-caption p{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}
.service-title{
    letter-spacing: 2.6px;
    font-size: 26px;
}
.service-icon {
	border: none !important;
	height: auto;
	width: auto;
}
.service-icon img{
    width: auto;
}

#portfolio-filter a,
#contact-form-submit.btn-light,
.btn-light {
    border-radius: 10em; 
    border: 1px solid #efb65c!important;
    color: #efb65c!important;
}
.mobile-menu,
#portfolio-filter a:hover, #portfolio-filter .active{
    color: #462709!important;
}
#portfolio-filter{
    margin-bottom: 3em;
}
#portfolio-filter a {
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 13px;
}
#about.module h3 {
	margin-top: 0;
	font-size: 21px;
	letter-spacing: 1px;
	text-transform: none;
}
#about .content-box {
	font-weight: 500;
	letter-spacing: 1px;
}
#about ul{
    margin: 2em 0;
}
#about .col-sm-6{
    width: 100%;
}

.contact-form input,
.contact-form input::placeholder,
.contact-form textarea,
.contact-form textarea::placeholder {
	color: #efb65c;
	opacity: 1!important;
    padding: 0 0 5px 2px!important;
    margin-bottom: 3.25em;
    font-weight: 700;
}
.submit{
    margin-top: 3.25em;
}
.captcha, 
.submit{
    float: right;
    width: auto;
}
section:not(.nopadding) .container-fluid{
    margin: 90px auto 0 auto;
}
.contact-item {
	display: flex;
	justify-content: end;
	flex-direction: row-reverse;
	align-items: center;
	gap: 1em;
}
.contact-module i::before {
	color: #402408;
}
.contact-module .ci-icon{
    background: #EFB65C;
	border-radius: 10em;
    aspect-ratio: 1/1;
    line-height: 2!important;
}
.contact-item .ci-icon{
    border: none!important;
    position: inherit;
}
.contact-item .ci-content {
	font-size: 16px;
    font-weight: 400;
	letter-spacing: 2.4px;
}
.submit button{
    font-size: 13px!important;
}

footer{
    border-top: 1px solid #efb65c!important;
}

.marginBar{
    margin: 0 2em;
}
@media only screen and (min-width: 992px) {
    .sticky-header{
        height: auto!important;
    }
    .site-logo img{
        max-width: none!important;
        max-height: none!important;
    }
}
@media only screen and (max-width: 991px) {
    .sticky-header{
        margin-top: 0!important;
    }
    #site-navigation > #primary-menu{
        background-color: #402408;
    }
    .slider-caption h1 {
        font-size: 2.308em!important;
    }
    #portfolio .portfolio-image img{
        width: 100%!important;
        height: auto;
    }
    .contact-item .ci-icon{
        margin: 0!important;
    }
}