/*
Theme Name: brandparty
Description: Theme Brandparty
Author: brandparty
Author URI: https://brandparty.fr
Template: KiteTheme
Version: 0.1.5
*/

@import url("../KiteTheme/style.css");


/* TITRES */
h1, h1 a, h1 strong {
  font-size: clamp(32px, 5vw + 1rem, 50px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}
h2, .postcontents h2, h2 a, h2 strong {
  font-size: clamp(28px, 4vw + 0.8rem, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}
h3, .postcontents h3, h3 a, h3 strong {
  font-size: clamp(20px, 3vw + 0.5rem, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}
h4, .postcontents h4, h4 a, h4 strong {
  font-size: clamp(18px, 2.5vw + 0.4rem, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}
h5, .postcontents h5, h5 a, h5 strong {
  font-size: clamp(16px, 2vw + 0.3rem, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}
h6, .postcontents h6, h6 a, h6 strong {
  font-size: clamp(16px, 1.5vw + 0.2rem, 18px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin-bottom: 0.5em !important;
  padding-bottom: 0 !important;
  word-wrap: normal !important;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #383E42;
	border: none !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#dcb253 !important;
	text-decoration: none !important;
	border: none !important;
}
.posttitle .postinfo h1.titrepost {
  color:#ffffff;
}
.postlist .post.x1 h2 a:hover, .postlist .post.x2 h2 a:hover {
  color: #ffffff !important;
}
.postlist .post h2 {
  margin:0!important;
}

/* BOUTON */
.button.darkgray:hover {
	color:#fff;
	background:#d1b214;
}


/* MENU */

nav.main ul a {
  display: block;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: #383e42;
}

.navbutton {
  padding: 10px 0;
  background: transparent !important;
  color: #383e42;
}
.navbutton i {
  font-size: 1.5em;
}
.navbutton:hover, .navbutton:active {
  background: transparent !important;
  color:#dcb253 !important;
}

.main ul.sub-menu {
	width: 250px;
}

header.main {
  padding: 10px 0;
}

header.main .logo {
	width: 300px !important;	
	height: 30px !important;
	vertical-align: middle;
}
header.main .logo a {
  display: block;
  height: 100%;
}
header.main .logo a img {
	width: 100% !important;	
	height: auto !important;
	vertical-align:middle;
}

header.main .wrapper {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
  align-items: center;
}
header.main .wrapper .logo {
	margin:0;
	width:300px;
}
header.main .wrapper:after {
	content: none;
}
header.main nav.main {
  display:flex;
  flex-direction:row;
  justify-content: flex-end;
  align-items: center;
}
header.main nav.main .menu {
  order:1
}
header.main nav.main .togglesearch {
  order:2
}
header.main nav.main .togglenav {
  order:3
}
header.main nav.main .navbutton {
	margin:5px 0 0 20px;
}
@media only screen and (max-width: 1015px) {
  header.main nav.main {
  	width: 90px;
	}
}
@media only screen and (max-width: 500px) {
  header.main .wrapper .logo {
	margin-right:20px;	
	max-width:250px;
	}
}

/* HEADERS */

.posttitle .background, .main_featured .background, article.banner .background {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:inherit !important;
  opacity: 1;
  background-position: center;
}

article.banner .shadow, .main_featured .shadow {
  margin: 0;
    margin-left: 0px;
  width: 120%;
  height: 100%;
  z-index: 120;
  margin-left: -10%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  -webkit-box-shadow: inset -10px -374px 291px -27px rgba(0,0,0,.6);
  -moz-box-shadow: inset -10px -374px 291px -27px rgba(0,0,0,.6);
  box-shadow: inset -10px -374px 291px -27px rgba(0,0,0,.6);
  -webkit-transform: translate3d(0,0,0);
}

/* LISTE ARTICLES */

.postlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5%;
}
.postlist .post {
  margin-right: 0;
}
.postlist .post.x1, .postlist .post.x2 {
  height: auto;
  width:30%;
  margin-right:0 !important;
}
.postlist .post.x1 .main, .postlist .post.x2 .main {
	position:relative;
}
.postlist .post.x2.pub {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1015px) {
  .postlist .post.x1, .postlist .post.x2 {
	margin-right:0 !important;
    width: 47.5%;
  }
}
@media (max-width: 760px) {
  .postlist .post.x1, .postlist .post.x2 {
	margin-right:0 !important;
    width: 100%;
  }
}
/** MISE EN FORME DU FOOTER **/

footer {
	background-color: #383E42;
}
@media (max-width: 1375px) {
  footer {
    padding-left: 5%;
    padding-right: 5%;
  }
}
footer .logo>img {
	width: 300px !important;	
	height: 30px !important;	
}

footer .bloginfo {
  width: 55%;
}

footer .contactmym {
	margin-bottom: 0;
	font: 400 14px;
	color: #ffffff;
}

footer .contactmym a {
	color: #ffffff;
}

footer .contactmym .contactmym-inline {
	display: inline-block;
	margin-right: 10px;
}

footer .contactmym .title-contact {
	font-weight: 700;
	font-size: 15px;
}

footer .contactmym .label-contact {
	font-weight: 700;
	color: #DCB253;
}

footer .copyright p {
	margin-bottom: 0;
	padding-top: 18px;
	color: #FFFFFF;
	font-size: 12px;
	line-height:1em;
	width:100%;
	max-width:100%;
}

footer .copyright p a {
	color: #FFFFFF;
	text-decoration: underline;
}

footer .disclaimer {
  width: 40%;
}

footer #menu-footer {
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
}
footer #menu-footer a {
	color:#ffffff;
}
footer #menu-footer a:hover {
	color:#DCB253;
}

@media (max-width:680px) {
	footer .bloginfo {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	footer .bloginfo .contactmym {
		width: 100%; !important;
	}

	footer .bloginfo .contactmym p {
		margin: 0 auto;
		padding-top: 30px;
	}

	footer .disclaimer {
		width: 100%;
		margin-bottom: 0;
		text-align: center;
	}

	footer .copyright .main {
		margin-top: 40px !important;
		padding-top: 0px !important;
	}
}

.social_solid {
	background:#FFFFFF !important;
}
.social_solid:hover {
	background:#DCB253 !important;
}
.social_solid i {
	color:#383E42 !important;
}





/** MISE EN FORME DES ARTICLES **/

section.postcontents a span {
	color: #D1B214 !important;
	font-weight: 300 !important;
}

#comments .viewcomments {
	display: none;
}

div.postfooter {
	clear: both !important;
}

/* Images alignées à gauche */
.wp-block-image .alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
  max-width: 50%; /* éviter qu’elles prennent presque toute la largeur */
}

/* Images alignées à droite */
.wp-block-image .alignright {
  float: right;
  margin: 0 0 1em 1.5em;
  max-width: 50%;
}

/* Si le texte restant devient trop étroit (<250px), on annule le float */
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: block;
}

@media screen and (min-width: 768px) {
  .wp-block-image .alignleft {
    float: left;
    max-width: calc(100% - 250px); /* laisse au moins 250px pour le texte */
  }
  .wp-block-image .alignright {
    float: right;
    max-width: calc(100% - 250px);
  }
}
/* Mobile : images toujours en pleine largeur */
@media screen and (max-width: 767px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1em 0; /* marge en bas seulement */
  }
}


.postfooter .share {
  display: block !important;
}

/*** MISE EN FORME DE L'ARTICLE PUB ***/

.postlist .post.x1.pub h2 a, .postlist .post.x1.pub p a {
	color: #343434;
}

.postlist .post.x1.pub h2 {
	line-height: 28px !important;
	font-size: 24px;
}

/*.postlist .post.x1.pub h2 a:hover {
	color: #ffffff;
}*/

.postlist .post.x1.pub a:hover {
	color: #ffffff;
}


/** MISE EN FORME DU WIDGET NEWSLETTER SIGN-UP **/

.nsu-text-before-form {
	font-weight: 400;
}

.nsu-form>p>label  {
	font: 400 15px "Open Sans",Arial,sans-serif;
	width: 15%;
}

.nsu-signed-up {
	font: 400 15px "Open Sans",Arial,sans-serif;
}

.nsu-field {
	display: inline-block;
	float: right;
	width: 77%;
	background: #fff;
	padding: 3px 8px !important;
	font-family: "Open Sans",Arial,sans-serif;
	font-weight: 400;
	font-size: 14px;
	border: 1px solid #eee;
	color: #262626;
	border-radius: 3px;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

.nsu-field::-webkit-input-placeholder {
	color:#bebdbd;
}

.nsu-field:-moz-placeholder {
	color:#bebdbd;
	opacity:1;
}

.nsu-field::-moz-placeholder {
	color:#bebdbd;
	opacity:1;
}

.nsu-field:-ms-input-placeholder {
	color:#bebdbd;
}

.nsu-field:focus {
	box-shadow:inset 0 0 0 1px #9EA1A9 !important;
}

.nsu-submit {
	padding:5px 10px !important;
	color:#fff !important;
	width:auto !important;
	text-transform:uppercase !important;
	border:0 !important;
	display:inline-block !important;
	font:400 14px Montserrat, Arial, Sans-Serif !important;
	-webkit-transition:background .2s ease-out !important;
	-moz-transition:background .2s ease-out !important;
	transition:background .2s ease-out !important;
}

.nsu-submit:hover {
	background-color: #4e4744 !important;
}

footer .nsu-field {
	background-color: #666666;
	border: none;
	color: #ffffff;
}

footer .nsu-form>p>label, footer .nsu-signed-up {
	color: #9EA1A9;
}

footer .nsu-text-before-form {
	padding-top: 10px;
	color: #9ea1a9;
}

footer .nsu-submit:hover {
	background-color: #FFFFFF !important;
	color: #5B5B5B !important;
}

/** MODAL BOX **/

.modal-overlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #333;
	opacity: 0.6;
	z-index: 9998;	
}
.modal-box {
	display: block;
	position: fixed;
	top: 38%;
	left: 35%;
	min-width: 30%;
	min-height: 180px;
	max-height: 50%;
	overflow: hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	z-index: 9999;	
	box-shadow: 0px 2px 30px rgba(0,0,0,0.5);
	-mox-box-shadow: 0px 2px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 30px rgba(0,0,0,0.5);
	border-radius: 15px;
	-webkit-border-radius: 15px;
}
.modal-box .modal-content {
	padding: 20px;
	text-align: center;
}
.modal-box .modal-content .modal-header {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #b1b1b1;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 1px solid #b1b1b1;
	padding: 0 0 10px 0;
	margin: 0;
}
.modal-box .modal-content p {
	font-size: 16px;
	margin: 20px 0;
	color: #555;
}
.modal-box .modal-content .modal-btn {
	font-size: 14px;
	padding: 6px 12px;
}