/*

Theme Name:  Monstroid

Theme URI:   http://www.templatemonster.com/wordpress-themes/monstroid/

Description: Monstroid is powered by the latest Cherry Framework 4 that ensures easy and worry-free installation and customization. With over 30 inbuilt premium extensions, you can get any kind of functionality required for a specific project. Thanks to the brand new backup options, you can restore the theme any time you need.

Author:      Monstroid Team

Author URI:  http://www.templatemonster.com

Version:     1.1.0

License:     GNU General Public License v3 or later

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

Tags:        fixed-layout, fluid-layout, responsive-layout, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready

Text Domain: monstroid

Template:    cherryframework4

*/



/* =Theme customization starts here

-------------------------------------------------------------- */



    .site-content {

        padding-top: 0;

    }




.menu-item .cherry-mega-menu-sub.simple-sub .menu-item a:hover,
.cherry-mega-menu-sub li.menu-item.current-menu-item a {
	color:#E1B84C !important;
}
.cherry-mega-menu-sub li.menu-item.current-menu-item a {
	cursor: default;
}


/*footer*/

#static-area-footer-bottom .site-info{text-align: center;}

#static-area-footer-bottom .site-info .link a{font-size: 16px;color:#fff;}

#static-area-footer-bottom .site-info a:hover{color:#fff;}

#static-area-footer-bottom .site-info .logo{}



/*.menu-item > .simple-sub, .menu-item > .sub-menu {
	webkit-transform: translateY(5px) !important;
	transform: translateY(5px) !important;
}*/



@media (max-width: 770px) {

    /*logo-mobile*/
    .site-branding.with-trigger .site-title{width:auto;max-width: 100px;}

}





@media (min-width: 1120px) {

	/* Positionnement du logo */

	.vertical-middle, .header-top [class*="col-"] {

		min-height: 100px;

	}

	.vertical-middle .site-branding, .header-top [class*="col-"] .site-branding {

		position: relative;

	}

	.site-title {

		position: absolute;

		margin-top: 20px;

	}

	.site-content {

		padding-top: 0;

	}

	#magic-line-left,

	#magic-line-right,

	.before-menu,

	.after-menu {

		display: none;

	}

}