/*
Theme Name:         DFD Ronneby Child
Theme URI:          https://rnbtheme.com/
Description:        Thème enfant généré à partir du thème Ronneby modifié
Author:             OpenAI
Template:           dfd-ronneby
Version:            1.0.0
Text Domain:        dfd-ronneby-child
*/

:root {
  --n2m-blue: #1c5ba2;
  --n2m-red: #bd252c;
  --n2m-blue-rgb: rgba(28, 91, 162, 1);
  --n2m-red-rgb: rgba(189,37,44, 1);
  --n2m-blue-rgba: rgba(28, 91, 162, .75);
  --n2m-red-rgba: rgba(189,37,44, .75);
}

body.home {
	background-size: auto 200vh;
	background-position: center 0px !important;
}

@media only screen and (max-width: 782px) {
	body.home {
		background-size: auto 300vh;
	}
}

@media screen and (min-width: 1280px) {
	body.home {
		background-size: auto 160vh;
	}
}

#header-container.dfd-new-headers.header-style-1 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before{
	background:#FFFFFF;
}

#header-container.dfd-new-headers.header-style-2 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open:before{
	background:transparent;
}

ul.menu-depth-1.sub-menu.sub-nav-group{
	background:#FFFFFF;
	color:#000000;
	font-family:'Poppins';
}

.nav-menu div.sub-nav a{
	color:#000000;
	font-family:'Poppins';
	font-size:14px;
}

.nav-menu div.sub-nav a:hover{
	color:rgba(28,91,162,1);
	font-size:16px;
}

.nav-menu div.sub-nav.open>ul {
    opacity: 1;
    border-bottom:4px solid #b41c00;
	width:270px;
}


	.home-item {
  position: relative;
  display: block;
  width: 100%;
  height: 250px;
  text-decoration: none;
  background-position: center center;
  background-size: auto 250px;
  background-repeat: no-repeat;
  border-radius: 4px;
  overflow: hidden;
  will-change: background;
  transition: background .3s ease-out;
}


.home-item-even {
  background: var(--n2m-red-rgba)
}

.home-item-odd {
  background: var(--n2m-blue-rgba)
}

.home-item-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.25);
  will-change: background;
  transition: background .3s ease-out;*/
}

.home-item-wrapper i {
  position: absolute;
  top: 40%;
  width: 100%;
  padding: 5px;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 48px;
  will-change: top, opacity, font-size;
  transition: all .3s ease-out;
}

.home-item-title {
  position: absolute;
  top: 60%;
  width: 100%;
  padding: 5px;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  will-change: top;
  transition: top .3s ease-out;
}

.home-item-content {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 75%;
  width: 100%;
  padding: 5px;
  transform: translateY(-50%);
  opacity: 0;
  will-change: top, opacity;
  transition: top .3s ease-out, opacity .3s ease-out;
}

.home-item-action {
  position: absolute;
  top: 100%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  will-change: top, opacity;
  transition: top .3s ease-out, opacity .3s ease-out;
}

.home-item-btn {
  display: inline-block;
  border-radius: 4px;
  background: white;
  padding: 5px 10px;
  font-weight: bold;
}


.home-item-even .home-item-btn{
  color: var(--n2m-red)
}

.home-item-odd .home-item-btn{
  color: var(--n2m-blue)
}

.home-item-even:hover {
background: var(--n2m-red-rgb)
}
.home-item-odd:hover {
 background: var(--n2m-blue-rgb)
}
	.home-item:hover {
  background-size: auto 300px;
}
/*
.home-item:hover .home-item-wrapper {
  background: rgba(0, 0, 0, 0.5);
}
*/

.home-item:hover .home-item-wrapper i {
	top: 50%;
	font-size: 70px;
	opacity: 0.15;
}

.home-item:hover .home-item-title {
  top: 20%;
}

.home-item:hover .home-item-content {
  opacity: 1;
  top: 45%;
}

.home-item:hover .home-item-action {
  opacity: 1;
  top: 80%;
}

@media only screen and (max-width: 1024px) {
	.home-item-even {
		background: var(--n2m-red-rgb)
	}
	.home-item-odd {
		background: var(--n2m-blue-rgb)
	}
	.home-item {
		background-size: auto 300px;
	}
	/*
	.home-item .home-item-wrapper {
	  background: rgba(0, 0, 0, 0.5);
	}
	*/

	.home-item .home-item-wrapper i {
		top: 50%;
		font-size: 70px;
		opacity: 0.15;
	}

	.home-item .home-item-title {
	  top: 20%;
	}

	.home-item .home-item-content {
	  opacity: 1;
	  top: 45%;
	}

	.home-item .home-item-action {
	  opacity: 1;
	  top: 80%;
	}
}

.dom-item-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 200px;
  margin-bottom: 20px;
  text-decoration: none;
  padding: 10px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 18px 0px 69px 0px rgb(110 47 0 / 6%);
  will-change: background;
  transition: background .3s ease-out;
}

.dom-item-icon {
  text-align: right;
  margin: 5px 0;
}

.dom-item-title {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dom-item-wrapper .widget-icon {
  font-size: 42px;
  will-change: color;
  transition: color .3s ease-out;
}

.dom-item-wrapper .widget-title {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  font-family: "Poppins";
  line-height: 22px;
  text-transform: none;
  letter-spacing: 0px;
  text-align: center;
  color: #010101;
  will-change: color;
  transition: color .3s ease-out;
}

.dom-item:nth-child(even) .widget-icon {
  color: var(--n2m-blue);
}

.dom-item:nth-child(even):hover .dom-item-wrapper {
  background: var(--n2m-blue);
}

.dom-item:nth-child(even):hover .widget-icon {
  color: #fff;
}

.dom-item:nth-child(even):hover .widget-title {
  color: #fff;
}

.dom-item:nth-child(odd) .dom-item-icon .widget-icon {
  color: var(--n2m-red);
}

.dom-item:nth-child(odd):hover .dom-item-wrapper {
  background: var(--n2m-red);
}

.dom-item:nth-child(odd):hover .widget-icon {
  color: #fff;
}

.dom-item:nth-child(odd):hover .widget-title {
  color: #fff;
}

.dom-item-wrapper-p {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 200px;
  margin-bottom: 20px;
  text-decoration: none;
  padding: 10px;
  border-radius: 4px;
  background:#FFF;
  box-shadow: 18px 0px 69px 0px rgb(110 47 0 / 6%);
  will-change: background;
  transition: background .3s ease-out;
}

.dom-item-icon-p {
  text-align: right;
  margin: 5px 0;
}

.dom-item-wrapper-p .widget-icon-p {
  font-size: 60px;
  will-change: color;
  transition: color .3s ease-out;
  color: #1C5BA2;
}

.dom-item:hover .dom-item-wrapper-p {
  background: #1C5BA2;
}

.dom-item:hover .dom-item-icon-p .widget-icon-p {
  color: #fff;
}

.dom-item:hover .widget-icon {
  color: #1C5BA2;
}

.dom-item-wrapper-p .widget-title-p {
  margin-bottom: 0;
  margin-top:30px;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  font-family: "Poppins";
  line-height: 22px;
  text-transform: none;
  letter-spacing: 0px;
  text-align: center;
  color: #010101;
  will-change: color;
  transition: color .3s ease-out;
}

.dom-item:hover .widget-title-p {
  color: #fff;
}

.dfd-module-readmore .read-more-05 strong {
    font-size: 15px;
    font-family: "Poppins";
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0px;
    color: #000000;
}

.dfd-module-readmore .read-more-05 strong {
    position: relative;
    font-size: 14px;
    font-family: "Droid Serif","Raleway","Open Sans","PT Sans",sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #28262b;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    top: -5px;
}
.dfd-module-readmore strong {
    display: inline-block;
}

.dfd-module-readmore .read-more-05 strong:before {
    margin-top: 7.5px;
    border-bottom-style: none;
    border-bottom-color: transparent;
}

.modal-window-content blockquote p,
.wpb_wrapper blockquote p {
    line-height: 1.5;
}

.etude-same-height {
	min-height: 350px
}

.contact-map{
		width:100%;
}

@media only screen and (max-width: 479px){
	.etude-same-height {
		min-height: 350px
	}
	.inter-icon{
        text-align:center;
        padding:10px;
    }

	.contact-img-logo{
		margin-right:60px;
		margin-left: -30px;
	}

	.etude-text-bloc p{
		margin-left:40px;
	}

	.dfd-delimier-wrapper {
		overflow: hidden;
		width: 50%;
		display: table;
		position: relative;
		margin-left: auto;
    	margin-right: 14%;
}
}

@media only screen and (max-width: 799px){
	.etude-same-height {
		min-height: 275px
	}
	.inter-icon{
        text-align:center;
        padding:10px;
    }

	.contact-box-info{
		display:flex;
		justify-content:center;
	}

	.contact-img-logo{
		margin-right:60px;
		margin-left: -30px;
	}

	.etude-text-bloc p{
		margin-left:40px;
	}

}

@media only screen and (max-width: 1023px){
	.inter-icon{
        text-align:center;
        padding-left:20px;
		padding-top:20px;
    }
	.etude-text-bloc{
		margin-right:40px;
	}
}

@media only screen and (max-width: 1279px){
	.inter-icon{
        text-align:center;
        padding-left:20px;
		padding-top:20px;
    }
	.etude-text-bloc{
		margin-right:40px;
	}
}

@media only screen and (min-width: 800px){
	#ContactForm p {
		line-height:0px;
		margin:10px;
	}
}

@media only screen and (max-width: 799px){
	#ContactForm p {
    line-height:15px;
	margin:-10px;
}
}

#ContactForm input[type="file"]{
    font-family: 'Poppins';
    font-size: 16px;
	margin-top:20px;
}

#ContactForm .row .field {
    font-size: 16px;
	color: black;
    border-radius: 5px;
    border: 2px solid #026CB4;
    font-family: 'Poppins';
	font-weight: bold;
}

#ContactForm .row .field::-webkit-input-placeholder {
    font-family: 'Poppins';
    color: #1C5BA2;
    font-size: 14px;
    opacity: 0.75;
}

#ContactForm .row .field:-ms-input-placeholder {
    font-family: 'Poppins';
    color: #1C5BA2;
    font-size: 14px;
	opacity: 0.75;
}

#ContactForm .row .field:-moz-placeholder {
    font-family: 'Poppins';
    color: #1C5BA2;
    font-size: 14px;
	opacity: 0.75;
}

#ContactForm .row .field::-moz-placeholder {
    font-family: 'Poppins';
    color: #1C5BA2;
    font-size: 14px;
	opacity: 0.75;
}

#ContactForm span.obligatoire {
    font-size: 14px;
    font-family: 'Poppins';
}

#ContactForm .bouton{
	border: 2px solid #B41C00;
	border-radius: 5px;
	background: #B41C00;
	font-family: 'Poppins';
	font-size:16px;
	font-weight:500;
	color: #FFFFFF;
	width:100%;
	height:50px;
	margin-left:-10px;
	margin-top:50px;
}

#ContactForm .bouton:hover{
	border: 2px solid #B41C00;
	border-radius: 5px;
	background: #FFFFFF;
	text-align: center;
	font-family: 'Poppins';
	Font-size: 16px;
	font-weight: 600;
	color: #B41C00;
}

#ContactForm .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    text-align: center;
}

#DarContactForm .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    text-align: center;
}

.wpcf7 form .wpcf7-not-valid-tip {
    color: #000000;
	font-size:14px;
	font-family:'Poppins'.
}

.wpcf7 form .wpcf7-response-output {
    margin: 2px 80px 2px;
    padding: 10px 30px;
    border: 2px solid #00a0d2;
    text-align: center;
}

#DarkContactForm p{
	font-style: normal;
    font-weight: 400;
    font-size: 17px;
    font-family: "Poppins";
    line-height: 0px;
    text-transform: none;
    letter-spacing: 0px;
    color: #000000;
	margin:1px;
}

#DarkContactForm .bouton{
	border: 2px solid #B41C00;
	border-radius: 5px;
	background: #B41C00;
	font-family: 'Poppins';
	font-size:16px;
	font-weight:500;
	color: #FFFFFF;
	width:100%;
	height:50px;
	margin-left:-10px;
	margin-top:50px;
}

#DarkContactForm .row .field {
    font-size: 16px;
	color: black;
    border-radius: 7px;
    border: 2px solid #026CB4;
    font-family: 'Poppins';
	font-weight: bold;
	min-height:70px;
}


#DarkContactForm .row .field::-webkit-input-placeholder {
    font-family: 'Poppins';
    color: #000000;
    font-size: 14px;
    opacity: 0.75;
	font-weight:600;
}

#DarkContactForm .row .field:-ms-input-placeholder {
    font-family: 'Poppins';
    color: #000000;
    font-size: 14px;
	opacity: 0.75;
	font-weight:600;
}

#DarkContactForm .row .field:-moz-placeholder {
    font-family: 'Poppins';
    color: #000000;
    font-size: 14px;
	opacity: 0.75;
	font-weight:600;
}

#DarkContactForm .row .field::-moz-placeholder {
    font-family: 'Poppins';
    color: #000000;
    font-size: 14px;
	opacity: 0.75;
	font-weight:600;
}

#DarkContactForm .bouton{
	border: 2px solid #B41C00;
	border-radius: 5px;
	background: #B41C00;
	font-family: 'Poppins';
	font-size:16px;
	font-weight:500;
	color: #FFFFFF;
	width:100%;
	height:50px;
	margin-left:-10px;
	margin-top:50px;
}

#DarkContactForm .bouton:hover{
	border: 2px solid #B41C00;
	border-radius: 5px;
	background: #FFFFFF;
	text-align: center;
	font-family: 'Poppins';
	Font-size: 16px;
	font-weight: 600;
	color: #B41C00;
}

#DarkContactForm #textarea{
	padding-top:15px;
	height:150px;
}

@media only screen(max-width:799px){
    .footer-contact{
        text-align:center;
    }

    .footer-img{
        text-align:center;
    }
}

/*
.home #header-container.header-style-1:not(.small) #header .nav-menu .mega-menu-item .item-title {
	color: rgb(255,255,255);
}

.home #header-container.header-style-1:not(.small) #header .header-wrap .form-search-wrap a {
	color: rgb(255,255,255);
}

.home #header-container.header-style-1:not(.small) #header .header-wrap {
	background: rgba(28,91,162,1)
}

.home #header-container.header-style-1:not(.small) #header {
	background: rgba(28,91,162,1);
}

.home #header-container.logo-position-left:not(.small) .header-col-left {
	width: 300px!important;
}

.page-template #header-container.logo-position-left:not(.small) .header-col-left {
	width: 300px!important;
}
*/
.delim-center {
	padding: 0 15px;
}

/**
.bg-scale-opacity {
	position: relative;
	z-index: 1;
}

.bg-scale-opacity::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .1;
  z-index: -1;
  background: url(http://acc.n2m-solution.com/wp-content/uploads/2022/11/balance-scale-solid.png) center center no-repeat;
}
**/

.paiement-button-succes{
  border: 2px solid #00b482;
  border-radius: 5px;
  background: #00b482;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  width: 100%;
  height: 50px;
  margin-left: -10px;
  margin-top: 50px;
  padding: 8px 15px;
}
.paiement-button-succes:hover{
    border: 2px solid #00b482;
    border-radius: 5px;
    background: #FFFFFF;
    text-align: center;
    Font-size: 16px;
    font-weight: 600;
    color: #00b482;
}
.paiement-button{
    border: 2px solid #B41C00;
    border-radius: 5px;
    background: #B41C00;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    width: 100%;
    height: 50px;
    margin-left: -10px;
    margin-top: 50px;
    padding: 8px 15px;
}
.paiement-button:hover{
    border: 2px solid #B41C00;
    border-radius: 5px;
    background: #FFFFFF;
    text-align: center;
    Font-size: 16px;
    font-weight: 600;
    color: #B41C00;
}