/* ===================================================================== *
 *
 * Theme Name: Ⓓ SORWA
 * Theme URI: https://www.milorad.pro/
 * Description: This is a Ⓓ Divi Child Theme for SORWA Instruct Created by MLRDProWeb
 * Author: MILORAD.ProWeb
 * Author URI: https://www.designcrowd.com/designer/1592600/milorad-proweb
 * Author Email: milorad.proweb@gmail.com
 * Template: Divi
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 ======================================================================= */ 

/* ===================================================================== *
 * ROOT 
 * ===================================================================== */
body { min-height: 100vh; }
#page-container { background: #304296; }

/* Inline Tags 
 * --------------------------------------------------------------------- */
sup,sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
abbr, acronym { cursor: help; }

/* Break Line (Responsive <br> Tag) 
 * --------------------------------------------------------------------- */
@media screen and (max-width: 1280px) { 
	/* Apply <br> To Desktop Only - Disable on Tablet and Phone */
	/* .line-break { display: none; } */
}
@media screen and (min-width: 1281px) { 
	/* Apply <br> To Tablets and Phones Only - Disable on Desktop */
	/* .line-break { display: none; } */
}
@media screen and (min-width: 479px) { 
	/* Apply <br> to Small Phones Only - Disable on All Screens Except Small Phones */
	.line-break { display: none; }
}

/* Invert Column Order on Mobiles 
 * --------------------------------------------------------------------- */
@media screen and ( max-width: 980px ) {
    .invert_column_order { display: flex; flex-direction: column-reverse; }
}

/* Default PRIMARY Menu
 * ----------------------------------------------------------------------- */
@media only screen and (min-width: 981px) { 
	#main-header { margin-top: 64px !important; padding-bottom: 0;}
	#logo { margin-top: 16px; }
	nav#top-menu-nav { background: #fff; border-radius: 5px; }
	nav#top-menu-nav ul { border-radius: 5px; border-top: none; }
	nav#top-menu-nav ul li { margin-right: 0 !important; }
	nav#top-menu-nav ul li a { padding: 0px 10px 15px 0 !important; transition: all .5s ease-out !important; }
	nav#top-menu-nav ul li a:hover, .current-menu-item, .current_page_item,
	nav#top-menu-nav ul li.services a:hover, li.services.current-page-ancestor {
		text-decoration: underline solid #304296; text-decoration-thickness: 2px; text-underline-offset: 6px; color: #999 !important; opacity: 1; color: #304296 !important; 
	}
	nav#top-menu-nav ul li.services a:hover, li.services.current-page-ancestor span, 
	nav#top-menu-nav ul li.services a:hover, li.services.current-page-ancestor:after, 
	#top-menu li.current-menu-ancestor > a {
		color: #304296 !important; 
	}
	.current-menu-item span, .current_page_item span { color: #304296 !important; opacity: 1; }
	nav#top-menu-nav ul li.accueil a { margin-left: 20px; padding-left: 10px !important; }
	nav#top-menu-nav ul li.services a { padding-right: 18px !important; }
	nav#top-menu-nav ul li.devis {
		padding-left: 0 !important; padding-right: 0 !important; margin-right: 0;
		background: #304296; color: #fff; border-radius: 0 5px 5px 0;
    }
	nav#top-menu-nav ul li.devis a { padding: 25px 30px !important; margin-right: 0; background: #f7922a; color: #fff; border-radius: 0 5px 5px 0; }
	body.page-id-20 nav#top-menu-nav, body.page-id-20 nav#top-menu-nav ul,body.page-id-20 nav#top-menu-nav ul li { background: #fff !important; }
	body.page-id-20 nav#top-menu-nav ul li.devis a { padding: 25px 30px !important; margin-right: 0; background: #f7922a; color: #fff; border-radius: 5px !important; }
	nav#top-menu-nav ul li.devis a:hover { background: #304296; color: #fff !important; text-decoration: none; }	
	#main-header.et-fixed-header nav#top-menu-nav ul li.devis a { background: #f7922a; color: #fff !important; }
}

/* Contact Form
 * ----------------------------------------------------------------------- */
.et_pb_contact_field textarea.et_pb_contact_message { min-height: 50px; display: block; }  

/* Image Gallery 
 * ----------------------------------------------------------------------- */
.et_pb_gallery .et_pb_gallery_pagination { width: 100%; position: relative; border-top: none; }
/*.et_pb_gallery .et_pb_gallery_pagination li a.ctive { color: #fff !important; border-bottom: 1px solid #fff !important; }*/

/* Mobile
 * ----------------------------------------------------------------------- */
@media (max-width: 980px) {
	#menu-mobile li.devis a { padding: 15px 15px 15px 20px !important; margin-right: 0; background: #f7922a; color: #fff; border-radius: 5px; } 
	#menu-mobile .logo-mobile { max-width: 110px; }
	#dtb-m-menu .mobile_menu_bar {
    position: absolute; display: block; top: 20px; bottom: 0; right: 22px; left: auto;
	}
}