/*!
Theme Name: Portes Magistral
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: portes-magistral
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Portes Magistral is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

body,
html {
  overflow-x: hidden;
}

/*ul.sub-menu{
	display:none;
	position:absolute;
	margin: 0;
    padding: 0;
    top: 100%;
    left: 0;
    width: 220px;
	list-style:none;
    background: #ffffff;
    border-top: 2px solid #ed1c24;
    padding: 10px 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
ul.sub-menu li a{
	display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: block;
    color: #222222;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 20px;
}
li.menu-item-has-children:hover ul.sub-menu{
	display:block;
}


ul.sub-menu {
	padding:0px;
}
ul.sub-menu .static a {
    margin: 0px 0px;
	padding:10px 10px;
    border-bottom: 1px dotted #CCC;
    text-transform: uppercase;
    font-weight: bold;
}*/




.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  margin: 0;
  width: 220px;
  list-style: none;
  background: #ffffff;
  border-top: 2px solid #ed1c24;
  padding: 10px 0;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
}

.sf-menu a {
  display: block;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #222222;
  font-size: 13px;
 
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 20px;
}
.sf-menu .static a {
  margin: 0px 0px;
  padding: 10px 10px;
  border-bottom: 1px dotted #ccc;
  text-transform: uppercase;
  font-weight: bold;
}

.sf-menu ul ul {
  top: 0;
  left: 100%;
}

.footer-menus ul {
  padding: 0;
}

.footer-menus ul li {
  list-style: none;
}

.footer-menus a {
  padding: 5px 0;
  display: block;
  color: #fff;
}

.footer-menus ul > li > ul {
  padding-left: 10px;
}

input#mail {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #dedede;
  margin-bottom: 20px;
  outline: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #666666;
  font-size: 13px;
 
}

h2.sidemenu {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #000;
  
  padding: 30px 25px 15px 25px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0px;
  border-radius: 10px 10px 0 0;
  box-shadow: 3px 3px 25px rgb(0 0 0 / 7%);
}

h2.sidemenu::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 25px;              /* aligns with padding */
  width: calc(100% - 50px); /* trims both sides */
  height: 1px;
  background-color: #ed1c24;
}

ul#menu-portes-residentielles li,
ul#menu-ouvre-portes-commerciaux-industriels-et-agricoles li {
  list-style: none;
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-decoration: none !important;
}

ul#menu-portes-residentielles li a,
ul#menu-ouvre-portes-commerciaux-industriels-et-agricoles li a {
  color: #222222;
}

ul#menu-portes-residentielles li a:hover,
ul#menu-ouvre-portes-commerciaux-industriels-et-agricoles li a:hover {
  color: #ed1c24;
}

ul#menu-portes-residentielles,
ul#menu-ouvre-portes-commerciaux-industriels-et-agricoles {
  padding: 0px 0px;
}

ul#menu-portes-commerciales-industrielles-et-agricoles,
ul#menu-ouvre-portes-residentiels {
  padding: 0px 0px;
}
.navbar-nav > li > a {
  
}
ul#menu-portes-commerciales-industrielles-et-agricoles li,
ul#menu-ouvre-portes-residentiels li {
  list-style: none;
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

ul#menu-portes-commerciales-industrielles-et-agricoles li a,
ul#menu-ouvre-portes-residentiels li a {
  color: #222222;
}

ul#menu-portes-commerciales-industrielles-et-agricoles li a:hover,
ul#menu-ouvre-portes-residentiels li a:hover {
  color: #ed1c24;
}

.sidebar h2 {
  margin-top: 40px;
}

img.image.wp-image-136.attachment-full.size-full {
  margin: 10px 0px;
}
ul#menu-sidebar-menu,
ul#menu-sidebar-services {
  margin-bottom: 25px !important;
  box-shadow: 3px 3px 25px rgb(0 0 0 / 7%);
  border-radius: 0 0 10px 10px;
}
ul#menu-sidebar-menu {
  padding: 0px;
  padding-bottom: 20px;
}

ul#menu-sidebar-menu li {
  font-size: 14px !important;
  color: #000;
  
  padding: 15px 25px;
  list-style: none;
  background: #ffffff;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

ul#menu-sidebar-menu li:last-child, ul#menu-sidebar-services li:last-child{
  border-radius: 0 0 10px 10px;
}



ul#menu-sidebar-menu li a {
  color: #000;
}

ul#menu-sidebar-menu li a:hover {
  color: #ed1c24;
}

ul#menu-sidebar-services {
  padding: 0px;
  padding-bottom: 20px;
}


.services-page-section .wp-block-gallery.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.services-page-section .wp-block-gallery.is-layout-flex li {
  width: 48%; 
}

.services-page-section .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{
  margin-right: 0;
  width: calc(50% - 1em);
}

ul#menu-sidebar-services li {
  font-size: 14px !important;
  color: #000;
  
  padding: 15px 25px;
  list-style: none;
  background: #ffffff;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

ul#menu-sidebar-services li.current-menu-item a {
 color: #ed1c24;
 font-weight: bold;
}

ul#menu-sidebar-services li a {
  color: #000;
  text-decoration: none;
}

ul#menu-sidebar-services li:hover a {
 color: #ed1c24;
}

@media (max-width: 767px) {
  .navbar-default .navbar-toggle {
    margin-top: 30px;
  }

  .navbar-nav > li > a {
    text-align: center;
  }

  li.menu-item-has-children:hover ul.sub-menu {
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 999;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: inherit;
    height: auto;
  }

  .page-banner-section {
    margin-top: 90px;
    height: auto;
  }
  .call {
    width: 100%;
    text-align: center;
  }
  .call ul {
    padding: 0px;
    list-style: none;
    float: none !important;
    margin-top: 10px !important;
  }
  section#home-section {
    margin-top: 160px;
  }
  ul#primary-menu li a {
    padding: 20px 10px !important;
  }
  section.page-banner-section {
    margin-top: 160px;
  }
}

@media (min-width: 767px) and (max-width: 1139px) {
  .navbar-brand > img {
    display: block;
    max-width: 110px;
    height: auto;
    margin-top: 15px;
  }
}

.blog-box article h2{
  padding-bottom: 10px;
}

.blog-section h2 {
  margin-bottom: 0px !important;
}

.blog-section h2 a,
.blog-section .entry-meta a,
.blog-section .blog-box a {
  color: #ed1c24;
}

.blog-section .entry-footer {
  background: transparent;
  display: none;
}

.blog-section .comment-meta {
  background: transparent;
}

.blog-section .entry-header {
  margin-bottom: 15px;
}

.blog-section a.more-link {
  font-size: 15px;
  color: white;
 
  padding: 15px 25px;
  background: #ed1c24;
  margin: 15px 0px;
  text-transform: uppercase;
  display: inline-block;
}
.call {
  display: inline-block;
}
.navbar-nav > li > a {
  font-size: 14px;
}

.tp-revslider-mainul a.btn,
.services-offer-section a.btn-red,
.services-offer-section a.btn-black,
#container a.btn-red,
#container a.btn-black {
  padding: 12px 30px;
  outline: none;
  border: none;
  border-radius: 10px;
  background: #ed1c24;
  color: #ffffff;
  box-shadow: 3px 3px 25px rgb(0 0 0 / 7%);
  font-size: 13px;
  line-height: 1.5;

  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  margin: 15px 0px;
}

.services-offer-section a.btn-black,
#container a.btn-black {
  background: #000;
}

.services-offer-section a.btn-black,
.services-offer-section a.btn-red,
#container a.btn-red,
#container a.btn-black {
  display: inline-block;
  text-decoration: none;
  margin: 15px 5px;
}

.services-offer-section a.btn-black:hover,
.services-offer-section a.btn-red:hover,
#container a.btn-black:hover,
#container a.btn-red:hover {
  opacity: 0.5;
}

.tp-revslider-mainul a.btn:hover {
  background: #fff;
  color: #ed1c24;
}

#contact-form select {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #dedede;
  margin-bottom: 20px;
  outline: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #666666;
  font-size: 13px;
  height: 40px;
  border-radius: 0px;
 
}

.contact-section ul.information-list li i {
  margin-right: 10px;
}

.contact-section ul.information-list li a {
  margin-left: 0px;
}

.services-padding {
  line-height: 50px !important;
}

.slick-slide {
  -webkit-transform: translate3d(0, 0, 0) !important;
}
.contact-info {
  margin-top: 50px !important;
}

.services-page-section .contact-info a.btn-red,
.services-page-section .contact-info a.btn-black {
  margin: 10px 0px !important;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.post-thumbnail img {
  width: 50% !important;
  height: auto !important;
  margin-bottom: 15px;
  float: left;
  padding-right:20px;
}

.blog-section h2 a,
.blog-box h1 {
  font-size: 2rem !important;
  color: #ed1c24 !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  margin-bottom: 15px !important;
}

.blog-box article{
  clear: both;
}

.pagination h2,
.single-post .navigation {
  display: none;
}

.pagination .page-numbers {
  background: #000;
  padding: 7px 10px;
  color: #fff !important;
  float: none;
  margin: 0px 3px;
}

.pagination .page-numbers.current {
  background: #ed1c24;
}

.page-banner-section h1 {
  color: #222;
  font-size: 27px;

  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.wp-embed-site-title a {
  padding: 0;
}

.wp-embed-site-icon {
  display: none;
}

.W-100 {
  width: 100% !important;
}

.wp-block-image.w-100 img {
  width: 100%;
}

.grecaptcha-badge {
  visibility: hidden;
}

#home-section {
  margin-top: 90px;
}

ul,
li {

  line-height: inherit !important;
  font-size: 16px !important;
  color: #666666;
}

.entry-title {
  text-transform: uppercase !important;
}

.page-banner-section h1{
	text-transform: none !important;
	font-size: 50px;
    line-height: 56px;
	font-family: "Archivo", sans-serif !important;
  color: white;
}

.side-navigation{
  text-align: center;
}

.services-wrapp{
  padding: 10px 15px 35px 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 25px rgb(0 0 0 / 7%);
}

.services-wrapp .row {
  display: flex;
  flex-wrap: wrap;
}

.services-wrapp .col-lg-6 {
  display: flex;
}

.estimation-wrapp{
  padding: 30px;
}

.services-wrapp h2{
  line-height: 30px;
}

.estimation-wrapp .col-lg-6{
  flex-direction: column;
}

.services-post {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.services-post p {
  flex-grow: 1;
}

.services-post a {
  max-width: fit-content;
}

.estimation-wrapp p{
  width: 100%;
}

@media(max-width: 991px){
  .estimation-wrapp .col-lg-6, .estimation-wrapp .col-lg-12{
    width: 100%;
  }
}



.footer-con{
	background:#000 !important;
}

header.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 999;
    background: #fff;
}
 
.header-con .dropdown-menu {
    width: auto;
}
 
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        top: 70px !important;
    }
	
}


@media(max-width: 992px){
	.header-con .navbar-brand figure img{
		max-width: 250px;
	}
}


.header-con .navbar-brand figure img{
	max-height: 80px;
}


.footer-logo img{
    max-width: 250px;
}





.top-bar-box:not(.page-template-template-latesthome .top-bar-box){
  display: none;
}

@media (max-width: 820px){
	.navbar-brand.garex-brand{
		display: none !important;
	}
}

.page-banner-section h1{
	text-transform: none !important;
	font-size: 50px;
    line-height: 56px;
	font-family: "Archivo", sans-serif !important;
}


.services-wrapp{
  ul{
    padding-inline-start: 40px;
  }
}

.contact-section h1{
  font-size: 36px;
  line-height: 1.1;
  color: black;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}


.contact-section #contact-form .row{
  margin: 0 -15px;
}