/*
Theme Name: Mil-Pat 
Theme URI: https://mil-pat.fr/
Description: The WordPress theme for Mil-Pat agency's website
Author: Mil-Pat 
Author URI: https://mil-pat.fr/
Template: dazzle
Version: 1.4.2
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.site-header {padding: 1.8rem 0;}
.main-navigation li {margin-left: 2rem !important;}
.main-navigation a {letter-spacing: 0 !important}

.dt-title-wrapper {text-align: center;}

.single-portfolio .page-title-wrapper {background-color: #eee !important; }
.single-portfolio .page-title-wrapper h1 {font-size: 48px;margin-bottom: 10px;}
.single-portfolio .page-title-wrapper h1:after, .single-portfolio .space.under-title {display: none;}
.single-portfolio .page-title-wrapper h4 {font-size: 1.4rem;margin-top: 0;letter-spacing: 2px;}

@media only screen and (max-width: 1023px) {
.bm .bi {margin-top: 20px;padding: 6px 6px;}
.bm .bar {width: 26px;}
}

.tinynav { display: block }
.js .tinynav { display: block }
.js .widget_nav_menu .l_tinynav1 { display: none }
.box {
  position: relative;
  width: 250px;
  display: block;
}

@media only screen and (min-width: 768px) {
/* styles for desktop */
	.tinynav, .box { display: none }
	.js .tinynav { display: none }
    .js .widget_nav_menu .l_tinynav1 { display: block }
}

    

/* <span style="color: #323232;">
 */

.textwidget.custom-html-widget, .textwidget.custom-html-widget a, aside.widget_nav_menu .menu a {
	font-family: Montserrat;
	line-height: 22px;
	font-weight: 500;
	font-style: normal;
	color: #555;
	font-size: 12px;
	position: relative;
	border-bottom:none;
	margin-bottom: 5px;
display: inline-block;
}
.textwidget.custom-html-widget a:hover, aside.widget_nav_menu .menu a:hover, aside.widget_nav_menu .menu .current-menu-item a {
	color:  #c81939;
	background: transparent;
}

.textwidget.custom-html-widget a:before, aside.widget_nav_menu .menu a:before {
	content: "";
	width: 0;
	margin-left: -5px;
	height: 1px;
	background: #c81939 !important;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transition: width 0s ease, background .5s ease;
}

.textwidget.custom-html-widget a:after, aside.widget_nav_menu .menu a:after {
	content: "";
	width: 0;
	margin-right: -5px;
	height: 1px;
	background: #c81939;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transition: width .5s ease;
}

.textwidget.custom-html-widget a:not(.facebook):not(.instagram):not(.pinterest):hover:before, aside.widget_nav_menu .menu a:hover:before, aside.widget_nav_menu .menu .current-menu-item a:before {
    width: calc(100% + 10px);
    margin-left: -5px;
    background: #c81939 !important;
    transition: width .5s ease;
}
.textwidget.custom-html-widget a:not(.facebook):not(.instagram):not(.pinterest):hover:after, aside.widget_nav_menu .menu a:hover:after, aside.widget_nav_menu .menu .current-menu-item a:after {
    width: calc(100% + 10px);
    margin-right: -5px;
    background: transparent;
    transition: all 0s ease;
}



.box select {
	background-color: #fff;
	color: #686868;
	padding: 12px;
	width: 250px;
	border: none;
	box-shadow: 0 0 10px #0003;
	-webkit-appearance: button;
	appearance: button;
	outline: none;
	margin-bottom: 0;
}

.box:before {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  transform: rotate(90deg);
}

.box:hover:before {
  color: rgba(0, 0, 0, 0.6);
}

.box select option {
  padding: 30px;
}

/* styles telephone */
@media screen and (max-width: 600px) {    
    .box { display: block }
}