/*
Theme Name:		Vocably - Child theme
Theme URI: 		https://themnific.com
Description:	A basic child theme for Vocably Theme
Author:			Dannci
Author URI: 	https://themnific.com
Template:		vocably
Version:		0.1
*/

/* ADD SOME STYLE BELOW */

.header_classic_content .nav>li>a {
    padding:20px 0px 15px 0px;
}
#main-nav>li.special>a {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
	border-bottom: none;
	padding-right:50px;
}
#main-nav>li.special>a span {
    padding-top: 4px;
    display: inline-block;
}
#main-nav>li.special>a svg {
    width: 22px;
    height: 22px;
    transform: scale(1);
    animation: pulse-white 2s infinite;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    position: absolute;
    right: 20px;
    border-radius: 50%;
    fill: #fff;
}
#main-nav>li.special>a:hover {
    background: #fff !important;
    color: #C8102E !important;
}
#main-nav>li.special>a:hover svg{
	fill: #C8102E;
}
#main-nav li{
	padding:0px 10px;
}
#main-nav li a{
	text-transform: uppercase;
}

#main-nav li .sub-menu li a{
	text-transform: none!important;
}
.nav .menu-item-has-children>a::after{
	font-size: 12px !important;
	margin-top: -5px !important;
    color: #fff !important;
}
.nav li ul li.menu-item-has-children > a::after{
		right:15px!important;
		top:23px;
		transform: rotate(-90deg);
		color:inherit !important;
	}
.will_stick.scrollDown #titles img{
	max-height: 50px !important;
}
.nav li ul li>a:not(.nav li ul li li>a) {
    margin: 0;
}
ul#main-nav li ul.sub-menu li:last-child {
    padding: 0 10px;
}

.entry p:not(.has-background) a:hover,
.entry ol:not(.has-background) li>a:hover,
.entry ul:not(.has-background) li>a:hover,
.elementor-text-editor a:hover {
    background-color: transparent !important;
}
.entry p:not(.has-background) a,
.entry ol:not(.has-background) a,
.entry ul:not(.has-background) a,
.elementor-text-editor a{
	color: var(--e-global-color-secondary) !important;
	border-color:var(--e-global-color-secondary) !important;
}
.entry p:not(.has-background) a:hover,
.entry ol:not(.has-background) a:hover,
.entry ul:not(.has-background) a:hover,
.elementor-text-editor a:hover{
	color: var(--e-global-color-primary) !important;
	border-color:var(--e-global-color-primary) !important;
}
.mc4wp-form-fields h4, .mc4wp-form-fields h5 {
    color: #fff !important;
}
.will_stick,
.will_stick.scrollUp {
    transform: translateY(0px);
}
#header.scrolled {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
	position: fixed;
}
#footer .container.container_alt {
    display: none;
}
.footer_text {
	padding: 30px 20px 30px 0;
}
#footer .bottom-menu{
	margin: 30px auto 30px auto !important;
}
.customPart {
    display: flex;
    justify-content: flex-end;
	gap: 10px;
}
#footer .customPart .bottom-menu {
    margin: 30px 0px 30px 0 !important;
    float: none !important;
}
#footer .customPart .bottom-menu li {
    padding: 0;
}
.customPart .footer_icons ul.social-menu li {
    margin: 23px 0;
}
.customPart .footer_icons ul.social-menu li span {
    font-family: Garet-Book;
}


ul.social-menu a:hover,
ul.social-menu a:hover span{
	color:var(--e-global-color-secondary) !important;
}
#footer ul.social-menu li a:hover{
	color:var(--e-global-color-secondary) !important;
}
ul.social-menu li.sprite-rss a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-tripadvisor a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-delicious a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-yahoo a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-stumbleupon a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-skype a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-telegram a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-behance a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-myspace a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-lastfm a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-linkedin a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-flickr a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-deviantart a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-tumblr a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-vimeo a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-youtube a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-twitter a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-facebook a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-pinterest a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-instagram a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-threads a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-dribbble a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-github a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-px a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-foursquare a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-soundcloud a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-spotify a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-ebay a:hover {
    background-color: #fff !important;
}
ul.social-menu li.sprite-snapchat a:hover {
    background-color: #fff !important;
    color: #000 !important;
}
ul.social-menu li.sprite-tiktok a:hover {
    background-color: #fff !important;
}
#footer,
.footer_below,
.footer_icons ul.social-menu{
	border:0 !important;
}
.nav li ul li.current-menu-item>a {
    font-weight: 500 !important;
}
@media (min-width:1026px){
	.nav .menu-item-has-children>a::after{
		font-size: 12px !important;
		margin-top: -5px !important;
		color: #fff !important;
	}
}
@media (max-width:1025px){
	.nav .menu-item-has-children>a::after{
		color: #fff !important;
	}
	
}
@media screen and (max-width: 1025px) {
	#main-nav li.menu-item-has-children > a .tmnf_mobile_dropdown {
        right: 2px !important;		
	}
	.menu-item-has-children.active > a::after {
        top: 23px !important;
        right: 9px !important;
    }
	.customPart .footer_icons {
		padding:0px;
        text-align: left;
        margin: 0px;
		width: auto;
	}
	.customPart .footer_icons ul.social-menu{
		padding:0px;
	}
	.footer_below.p-border .tmnf_column.tmnf_column_4{
		width:45%;
	}
	.footer_below.p-border .tmnf_column.tmnf_column_8{
		width:55%;
	}
}
@media screen and (max-width: 767px) {
	.customPart{
	    flex-direction: column;
		align-items: center;
	}
	.footer_text {
		padding: 30px 0px 30px 0;
		text-align: center;
	}
	.customPart .footer_icons ul.social-menu li {
		margin: 0;
	}
	.customPart .footer_icons ul.social-menu {
        border: none;
		text-align: center;
    }
	#footer .customPart .bottom-menu {
		margin: 0px 0px 20px 0 !important;
	}
	.footer_below.p-border .tmnf_column.tmnf_column_4{
		width:100%;
	}
	.footer_below.p-border .tmnf_column.tmnf_column_8{
		width:100%;
	}
}