/*
Theme Name:  Interico: Child Theme
Theme URI:   http://www.themicart.com/
Description: Child theme for the Interico WordPress Theme. Use it for manipulating the theme files so the core remains original, which is necessary for updates not to override the changes made.
Author:      Themicart
Template:    interico
Version:     1.0.1
*/

/* begin CSS code */

body {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: 500;
}

.btn {
	font-weight: 500;
	font-size: 1.1em;
}
b,
strong {
	font-weight: 500;
	/* font-weight: 300; */
}

body {
	font-weight: 300;

}

#mainmenu > li > ul {
	width: auto;
	min-width: 100%;
}

#mainmenu > li  {
	font-size: .825em;
}
#mainmenu > li > a {
	font-weight: 500;
	font-size: 1em;
	text-transform: none;
}
#mainmenu li ul li a {
	font-size: 1em;
}
#mainmenu > li.menu-item-has-children:after {
	font-weight: 500;
}

@media screen and (min-width: 991px) {
	.header-style-5 #mainmenu > li.menu-item-has-children::after {
		font-weight: 500;
	}
	.header-typography-style-2 #header #mainmenu > li > a {
		font-weight: 500;
	}
	.header-typography-style-2 #header #mainmenu > li.menu-item-has-children::after {
		font-weight: 500;
	}
}

.subnav-item p,
.subnav-item a {
	font-weight: 500;
}
.subnav-item p span {
	font-weight: 500;
}
.slide-title h1 {
	font-weight: 300;
}
.slide-title h1 span {
	font-weight: 300;
}
table strong {
	font-weight: 500;
	font-weight: 300;
}


#slider-fullwidth.slider-style-3 .carousel-content {
	width: 50%;
}

h2, h3.widget-title {
    font-size: 2.3em;
}
.panel-body,
.tab-content {
	font-size: 1em;
}
#slider-fullwidth .btn-regular {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), inset 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.panel-widget-style {
	font-size: calc( 16em / 20 );
}


#footer-copyright-menu {
	display: inline-block;
}

#footer-copyright-menu ul#menu-footer-copyright-menu {
	float: none;
}

#menu-footer-copyright-menu a {
	color: #aaaaaa;
}
#menu-footer-copyright-menu li a:hover,
#menu-footer-copyright-menu li:hover a {
	color: #ffffff;
}



.lines-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: none;
    z-index: 1;
	top:0;
	display: none;
}

#top-content-area .lines-overlay {
    animation-delay: 0.5s;
}

body.custom-background.custom-background {
	background-image: none;
}


.btn:after {
    content: none;
    font-family: '';
}




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


    #header.affix.sticky-mob {
        position: relative;
    }


    #header {
        min-height: 90px;
        line-height: 1.42857143;
    }

    .navbar-collapse {
        box-shadow: none;
        border-top: none;
    }

    header #logo {
        margin-left: 10px;
    }


    nav {
        position: relative;
        top: 25px;
        padding-bottom: 50px;
    }

    nav ul {
        float: none;   
    }

    #mainmenu > li.menu-item-has-children::after {
        display: none;
    }

    .nav-toggle-mobile-submenu {
        display: block;
    }

    .submenus-mob .nav-toggle-mobile-submenu {
        display: none!important;
    }

    .submenus-mob {
        text-align: center;
        font-size: 1.3em;
    }

    .nav-toggle-mobile-submenu i {
        font-size: 20px;
    }

  
    nav ul li {
        width: 100%;
    }

    #mainmenu li ul li {
        position: relative;
    }

    #mainmenu li ul li:before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 25px;
        top: 29px;
        color: #555;
        width: 20px;
        height: 2px;
        background: rgba(255, 255, 255, 0.1);
    }

    ul#mainmenu {
        width: 100%;
        border-top: none;
        padding: 0;
    }

    #mainmenu > li > a {
        display: block;
        padding: 22px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

    #mainmenu a {
        display: block;
        line-height: normal!important;
    }

    #mainmenu li ul li ul {
        left: auto;
        position: static;
        visibility: visible;
    }

    #mainmenu li ul li:hover ul {
        display: none;
    }

    #mainmenu li ul li ul li a {
        padding-left: 60px;
    }

    #header #mainmenu li ul li ul li a {
        padding-left: 90px;
    }

    #mainmenu li ul li ul li:before {
        left: 60px;
    }

    #mainmenu li.menu-item-has-children a {
        padding-right: 60px;
    }

    .submenus-mob #mainmenu li.menu-item-has-children a {
        padding-right: 22px!important;
    }

    #mainmenu li ul li {
        background: #111;
    }

    #mainmenu li ul li ul li a {
        background: #0c0c0c;
    }

    #mainmenu li ul li a,
    #mainmenu ul li.menu-item-has-children a {
        padding-left: 60px;
    }

    #mainmenu li ul ul li a
    #mainmenu ul ul li.menu-item-has-children a {
        padding-left: 90px;
    }

    #mainmenu li:before {
        content: none;
    }

    #mainmenu > li:first-child > a {
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .header-light #mainmenu > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .header-light #mainmenu > li:first-child > a {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    .navbar-collapse {
        padding: 0;
    }
    
    #mainmenu ul {
        display: none;
        width: 100%;
        position: static;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        border-bottom: 0;
    }


    #mainmenu > li:last-child.menu-item-has-children {
        padding-right: 0px;
    }
}


@media (min-width: 1221px) {
    .navbar-collapse.collapse {
        display: flex !important;
    }

    #mainmenu > .menu-item-object-language_switcher:not(.menu-item-object-language_switcher ~ .menu-item-object-language_switcher):hover:before {
        width: calc(100% - 15px);
        left: 15px;
    }

    .header-typography-style-3 #header #mainmenu .menu-item-object-language_switcher:not(.menu-item-object-language_switcher ~ .menu-item-object-language_switcher) a {
        margin-left: 15px;
    }
    .header-typography-style-3 #header #mainmenu .menu-item-object-language_switcher ~ .menu-item-object-language_switcher a {
        padding-left: 0;
    }
    .header-typography-style-3 #header #mainmenu .menu-item-object-language_switcher ~ .menu-item-object-language_switcher a > span {
        padding-left: 8px;
        border-left: 1px solid currentColor;
    }
}
@media (max-width: 1220px) {
    .header-typography-style-3 #header #mainmenu .menu-item-object-language_switcher:not(.menu-item-object-language_switcher ~ .menu-item-object-language_switcher) {
        border-top: 1px solid currentColor;
    }
}


@media screen and (min-width: 991px) and (max-width: 1220px) {

    #mainmenu > li:last-child > a {
        padding-right: 8px;
    }

	.header-typography-style-3 #header #mainmenu > li > a {
		text-transform: none;
		display: block;
		padding: 22px;
	}
}



@media (min-width: 991px) and (max-width: 1220px) {
	.navbar-collapse{
		width:auto;
		border-top:0;
		-webkit-box-shadow:none;
		box-shadow:none
	}
	.navbar-collapse.collapse{
		display:none!important;
		height:auto!important;
		padding-bottom:0;
		overflow:visible!important
	}
	.navbar-collapse.in{
        display:block!important;
		overflow-y:visible
	}
	.navbar-toggle{
		display:block
	}
}
	






.animate.visible {
    /* opacity: 1; */
    /* transform: translate(0, 0); */
}

.animate {
    opacity: 1;
    transform: translate(0, 0);
    /* transition: cubic-bezier(0.250, 0.250, 0.515, 0.975) 0.7s; */
    /* will-change: transform, opacity; */
}

.fadeInUp {
    -webkit-animation-name: ci_fadeInUp;
	animation-name: ci_fadeInUp;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes ci_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 60px);
		transform: translate(0, 60px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes ci_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 60px);
		transform: translate(0, 60px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
