/*
Theme Name: iconic one pro child
Version: 1.0
Description: A child theme of Iconic One Pro
Author: Victor
Template: iconic-one-pro
*/

@import url("../iconic-one-pro/style.css");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/*NOUVEAU MENU MOBILE*/
@media (max-width:768px){
body #ml-wrapnav {
    position: absolute;
    top: 46px !important;
	border-bottom: 4px solid #8ec3ff;
}
.mnm-label {
    margin-top: 0px !important;
}
#site-navigation {
    display: none;
}
#masthead {
    margin-top: 85px !important;
    margin-bottom: 10px;
}
}
.ml-panel .ml-listview > li > a {
    color: white;
}
.ml-navtitle, #ml-logo {
	color: white;}
#ml-logo {
    font-weight: bold;
    font-size: 20px;
}

/* couleur rose the verge : #e5127d */

/*typos*/
body {font-family: 'Roboto Condensed', sans-serif;}
p {
    font-size: 16px;
    line-height: 26px !important;
}
.entry-content li, .comment-content li, .mu_register li {
    font-size: 16px;
}

/*header*/
#masthead:not(.sticky) .socialmedia {margin-top:-50px}
.themonic-logo {
	max-width:100%;
	margin: 0;
    padding: 0;
}
.sticky .header-marketing-infos {
    position: fixed;
    left: 0;
    top: 0;
	background-color: white;
	transition: all 0.4s;
	width:100%;
	z-index: 1;
}
.sticky .socialmedia {
    margin-top: 9px;
    float: right;
    margin-right: 20px;
	width: 245px;
	display:block;
}
@media screen and (min-width:769px){
	.sticky .themonic-logo img {
    max-width: 500px;
    margin-left: 20px;
}
	.site-header:not(.sticky) .themonic-logo img {
    width: 95%;
    padding:10px;
}
}
@media screen and (max-width:400px){
	.sticky .socialmedia {
    margin-top: 0;
}
	.header-marketing-infos .socialmedia img {
    height: 25px;
    width: 25px;
}
}
@media screen and (max-width:768px){
	.sticky .themonic-logo img {max-width:90% !important;}
}


/*nav*/
.themonic-nav .current-menu-item > a, .themonic-nav .current_page_item > a, .themonic-nav li a:hover {
    border-bottom: 4px solid #8ec3ff;
}
#menu-top {border:none}
.themonic-nav li:hover {
    background: transparent !important;
}
.themonic-nav li ul li a:hover {
    background: #015ec7;
    color: white;
}
@media screen and (min-width:768px){
	.sticky #menu-top {
    	position: fixed;
    	top: 80px;
    	z-index: 1;
    	left: 0;
    	padding: 0 23px;
}
}
/*mobile nav*/
.js .selectnav {display:none}
@media screen and (max-width:767px){
	.themonic-nav ul.nav-menu ,.themonic-nav li a, .themonic-nav li:hover, .themonic-nav li, .themonic-nav ul{display:block !important}
	.themonic-nav a {text-decoration: none !important; font-size: 16px;}
	.themonic-nav a:hover {color: white;}
	.sub-menu li a::after {
    	content: "↵" !important;
    	font-size: 22px;
	}
}

/*liens*/
.read-more a, .widget-area .widget a {
    color: #e5127d !important;
}
/*titres*/
.entry-header .entry-title a:hover {
    color: #e5127d;
}

/*mises en pages*/
.excerpt-thumb .wp-post-image {
    width: 300px;
    float: none;
}
/*centrer image de chaque post si elle est petite*/
.single-post .wp-post-image {
    display: block;
    margin: 15px auto;
}

/*en tetes de sidebars*/
.widget-area .widget-title {
    background: #015ec7;
    font-size: 16px;
	border-bottom: 4px solid #8ec3ff;
}
.widget-area .widget p {
    margin-bottom: 12px;
    padding: 15px;
    color: white;
    font-weight: 600;
}

/*formulaire recherche*/
#searchform #s {
	box-shadow: none; border:none; height:29px;}
#searchsubmit {border:none;
	box-shadow: none; border-bottom: 4px solid lightblue; cursor:pointer; height:37px;}

/*pagination*/
.currenttext, .pagination a:hover {
    border: none;
    background-color: #015ec7;
	border-bottom: 3px solid lightblue;
}
.pagination a, .pagination2 {
	color: #015ec7;
    border: 1px solid #015ec7;
    background-color: #FFFFFF;
}

/*image auteur*/
.io-home-avatar img {
	display: none;
}

/*citation v2*/
.entry-content blockquote {
    padding: 0;
    background: none;
    border-radius: 0;
    border-right: none;
    border-left: none;
    color: #e5127d;
    margin: 40px 0;
}
.entry-content blockquote p {
    font-size: 22px;
    line-height: 36px !important;
	padding-left:45px;
	font-style:italic;
	position:relative;
}
.entry-content blockquote p[style="text-align: right;"] {
    padding-left: 0;
    padding-right: 45px;
}
.entry-content blockquote p::before {
    display: block;
    content: "";
    width: 45px;
    height: 110px;
    position: absolute;
    top: 5px;
    margin-left: -50px;
    background-image: url(https://programmatique-marketing.fr/wp-content/uploads/2018/07/double-ligne-rose-01.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.entry-content blockquote p[style="text-align: right;"]::before {
	display:none;
	content:none;
}
.entry-content blockquote p[style="text-align: right;"]::after {
    display: inline-flex;
    content: "";
    width: 45px;
    height: 110px;
    position: absolute;
    top:10px;
    margin-left: 13px;
    background-image: url(https://programmatique-marketing.fr/wp-content/uploads/2018/07/double-ligne-rose-01.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

/*widget abonnement*/
#subscribe-blog-blog_subscription-2 p {
    color: #015ec7;
}