/*
 * RED = 						#E30046
 * Red Hover =					#FF0075 (if needed)
 * Grey Light Background = 		#DDDDDD (like the backgroound of Infos en Direct or border separators)
 * Grey veryLight background = 	#f9f9f9 (like blockquote background)
 * Grey veryLight background2= 	#d2d2d2 ()
 * Grey light texts = 			#949494
 * Grey Harder Text = 			#666666 (like BreadCrumb)
 * Grey Nearly BLACK = 			#333333
 * Grey borders = 				#aaaaaa (like the borders of the menus)
 * Blue LNC = 					#4f90e7 (exemple text upper right the header)
 * Blue darker LNC = 			#2980b9 (for :hover or gradient)
 */


/* SystemMessageStyleOverRide ============================================== */

div.messages { font-size: 13px; font-weight: bold; margin: 0px; border: none; width: 100%; padding: 10px; }
.home.page.front div.messages { margin-bottom: 30px; }
div.messages.warning{ border: 8px solid #f4d020!important;
    padding-top: 30px!important;
    background: #f4d020!important;
    color: black;
    font-family: 'Yanone Kaffeesatz',Arial,verdana;
    font-size: 25px;
    line-height: 27px;}
#console div.messages { margin: 0px; padding: 8px 10px; }

div.messages ul { margin-left: 0px; }
div.messages.error { background: #e30046; color: #fff; text-transform: uppercase; margin: 10px 0px; }
div.messages.error ul li, div.messages.error ul li label { color: #fff !important; }
/*div.messages.status { color: #8A8A8A; background: #fff; padding: 0px; }*/
div.messages.status { background: #ea2a45; color: white; padding: 1%; margin-top: 1%;  margin-bottom: 1%;}
div.messages em { font-style: normal; }
div.messages, div.messages.error ul li, div.messages.error ul li em { float: left; margin-right: 0.3em;}
div.messages ul li { display: block; margin: 2px 0px; }
div.error.refuse_cancel_subs{ text-align:center; }
.home div.messages.error > .placeholder:before, .home div.messages.error ul > li:before { font-family: FontAwesome; content: "\f071"; margin: 0 5px; }
div.messages.error > .placeholder ~ .placeholder:before, div.messages.error ul > li ~ li:before, #console div.messages.error ul > li:before, #console div.messages.error > .placeholder ~ .placeholder:before { content: none !important; }
body.admin-menu {padding-top:13px!important;}
#admin-menu, #admin-menu .dropdown {
    font-size: 12.5px!important;
}
/* Pagination Stuff ======================================================== */

.pager-next a{color:#333333}
.pager-item a{color:#333333}
.pager-last a{color:#333333}
.pager-last.last a{color:#333333}

.pager-next a:hover{color:#E30046}
.pager-item a:hover{color:#E30046}
.pager-last a:hover{color:#E30046}
.pager-last.last a:hover{color:#fff}

.pager {margin: 20px 10px !important; text-align: center; float:none !important;}

.pager li {display: inline;}

.pager li a,
.pager li.pager-current {border: 1px solid #dddddd;padding: 3px 9px; background:#fff;color:#333333;}
.pager li.pager-current {font-weight: bold;background-color: #e30046;color: #fff;}
.pager li a:hover {background-color: #e30046;color: #fff;}
.view-taxonomy .pager li.pager-current, .page-infos-en-direct .view-liste-des-br-ves .pager li.pager-current {font-weight: bold;background-color: #e30046;color: #fff!important;}


/* ArticleStuff =========================================================== */

.encadre-texte{}
.encadre{display:block; width:100%;border:1px solid #E30046; border-left-width:15px; padding:35px;margin-top:10px;margin-bottom:10px;}
.encadre p{/*text-align:justify;*/}
.encadre h1,h2,h3,h4,h5{font-weight:bold;}
.encadre blockquote{font-size:13px;}

.encadre-surtitre {font-weight:bold;}
.encadre-titre { border-bottom: 1px solid #E30046; font-size: 150%; font-weight:bold; margin: 5px 0 10px; padding: 3px 0;}

.lirossi{border-color: #e30046; border-image: none; border-style: solid; border-width: 0 0 0 15px; display: block; margin: auto; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 15px; width: 75%; background:#eeeeee !important;}
.noline {border-bottom:none !important;}


.rounded1{border:1px solid  #333333;margin-top:10px; padding:30px;border-width: 1px 1px 1px 23px;}
.rounded2{border:1px solid  #949494;margin-top:10px; padding:30px;border-width: 1px 1px 1px 23px;}
.rounded3{border:1px solid  #4f90e7;margin-top:10px; padding:30px;border-width: 1px 1px 1px 23px;}
.rounded4{border:1px solid  #E30046;margin-top:10px; padding:30px;border-width: 1px 1px 1px 23px;}

.lechiffre{display:block; width:100%;border:1px solid #E30046;border-left-width:15px; padding:35px;margin-top:10px;margin-bottom:10px;}
.lechiffre p{text-align:justify;}
.lechiffre h1,h2,h3,h4,h5{font-weight:bolder !important;}
.lechiffre h1 {font-size:55px !important; color:#E30046 !important;text-align:center;}

.rrssb-buttons {display:flex; }
.rrssb-item-list {margin-bottom:5px;margin-top:5px;}

/* advertinsingstuff ====================================================== */
.lnc_sidebar_right .block-info-direct {width:100%;max-width:100%;margin-bottom: 12px;}
.lnc_sidebar_right > ul > div {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  max-width: fit-content;
}
.publicite728x90{text-align:center;/*margin-top:5px*/;margin-bottom:10px !important; margin:auto;}
.publicite728x90 img{margin:auto;}
.publicite300x250{ margin-bottom:10px; margin-top:10px;/*width:300px; width:100%;*/ } /* ATTENTION largeur pub forcée*/
.publicite300x250video {margin-bottom:6px; width:100%; height:100%;overflow: hidden;}
.publicite300x600{ margin-bottom:10px; /*width:300px;*/} /* ATTENTION largeur pub forcée*/

.openx{} /* pour div encadrant openX iframe et eventuellement les rendre responsives*/
.openx iframe{width: 100% ; height: 100%;} /* to be tested */


.publicite300x250 iframe{width:100%; overflow: hidden;} /* not sure obout the overflow */
.publicite300x600 iframe{width:100%; overflow: hidden;}

.promonc{margin-bottom:10px;}
.promonc iframe{width: 100% ; /*height: 100%;*/}

/* ScoreBoardStuff ========================================================= */

.scoreboard{margin-bottom:10px;}
.scoreboard iframe{width: 100% ; /*height: 100%;*/}

#scoreboard {}
#horizontalfixturewidget {}
#verticalfixturewidget {}
#standingwidget {}

/* magazinestuff & pratiquestuff =======================================*/

/*Magazines GROW*/
.grow {transition: all .2s ease-in-out;opacity: 0.6;}
.grow:hover {transform: scale(1.1);opacity: 1;}

.opacity{ transition: all .2s ease-in-out;opacity: 0.6; }
.opacity:hover{opacity: 1;}

.growonly{transition: all .2s ease-in-out;}
.growonly:hover{transform: scale(1.1);}


/* OverFooter HomePage ===================================================== */

#overfooterhp {}
.overfooterhp {}

#twitterlnc{text-align:center;}
.twitterlnc{}
.twitterlncblock{}

#sendyapix {background-color: #f9f9f9; padding-left:5px; padding-right:5px; margin-left:-10px; margin-right:5px; min-height: 731px; border:5px solid #DDDDDD; }
#sendyapix p{line-height:1.2em; color:#666666;}
#sendyapix label{}
#sendyapix h2{font-weight:lighter !important;font-family:'Open Sans',Arial,verdana;font-size:1.27em; line-height:1.2em; letter-spacing:4px;}
.sendyapix {}
#sendyapixform {}
#sendyapixform label{color:#ffffff;}

.twitterlnc iframe{ min-height: 508px!important; }

.overfootercol3h2 {font-family:'Open Sans',Arial,verdana;font-size:1.3em;}


/* Footerstuff ============================================================= */

.wlogo{min-height:120px;width:100%; background:url("../images/logos/lnc_logo_white_2018.png") no-repeat scroll center center rgba(0, 0, 0, 0)}

#footerleft a{color:#ffffff !important;text-decoration:none !important; font-weight:normal; font-size:25px; margin-right:2px;}
#footerleft a:hover{color:#333333 !important;}

#footerright a{color:#ffffff !important;text-decoration:none !important; font-weight:normal;}
#footerright a:hover{color:#333333 !important;}
#footerright hr {opacity:0;}
#footerright li a{margin-left:5px; font-size:0.9em;}

.bt10 {border-top: 5px solid #ffffff;}

.footeradress {border-left:1px solid #949494; margin-left:5px; margin-top:10px; padding-left: 10px; display:block}

.footertitle {text-transform:uppercase; font-weight:bold; font-size:1.2em;border-bottom:1px solid #ffffff;display:block;width:100% !important;margin-bottom:10px;color:#ffffff;}

#fblnc {text-align:center;}
.fblnc{margin-bottom:10px;}

#underfooter{
  font-family: Comfortaa, Arial, sans-serif;
  margin-bottom: 55px;
  width: 100%;
}
#underfooter .grid .row {
  display: block;
}
#underfooter .grid .row:after {
	content: "";
	display: block;
	clear: both;
}
#underfooter input,
#underfooter textarea,
#underfooter button {
  font-size: 13px;
}
#underfooter label span {
  font-size: 16px;
  margin-left: 10px;
}
#underfooter h1,
#underfooter h2 {
  line-height: 1.5em;
  font-family: Comfortaa, Arial, sans-serif;
  font-weight: normal !important;
}
#underfooter p strong {
  font-weight: normal;
  font-size: 13px;
}
#underfooter form .required::placeholder {
  color: #E30046;
}

/* Alt Text & link title Stuff ============================================= */

img {color:#E30046; font-style:italic;} /* alt text now visible */

/* Misc. ================================================================== */

.invisible {opacity:0 !important;}
.dnd {display:none !important;}
.forcevisible {background-color:#EEEEEE !important; border:1 px solid black} /* in order to see the muttafuking grid*/
.ha {height:auto;}
.h100 {height:100%;}

.launeduheader {position: absolute; clip: rect(0px,115px,130px,0px); width:115px !important;}
.db {display:block !important;}

.not-active {pointer-events: none;cursor: default;} /* Disable a link using css */

.lnc_sidebar_right {/*width:300px;*/} /* Be Careful !!!!!!!!!!!!!!!!!!!!!! NOt sure about this when it's going to be responsive - forced this column widht so that FB fits pertfectly (before was natively 289px)*/
/* fontsize ================================================================ */

.fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;}
.fs20 {font-size:20px;} .fs25 {font-size:25px;} .fs30 {font-size:30px;} .fs35 {font-size:35px;} .fs40 {font-size:40px;} .fs45 {font-size:45px;}

/* Text Colors ============================================================ */

.redlnc {color:#e30046 !important;}
.bluelnc {color:#4f90e7 !important;}
.greylnc {color:#949494 !important;}
.greyblack {color:#3d3d3d !important;}

/* line heights ============================================================ */

.lh5 {line-height:5px !important;}
.lh13 {line-height:13px !important;}

/* Font Weight ============================================================= */

.fat {font-weight:bold !important;}
.light {font-weight:100 !important;}

/* Background Colors ======================================================= */

.redlncback {background-color:#e30046 !important;}
.bluelncback {background-color:#4f90e7 !important;}
.greylncback {background-color:#beb2b2 !important;}

/* alignements ============================================================ */

.fl {float:left;}
.fr {float:right;}
.nopadding {padding: 0px !important;} .nomargin {margin:0px !important;}
.noborder {border:none !important;}

.tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;}

.vab {vertical-align:bottom !important;}

/* Widths ================================================================= */

.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w400 {width:400px !important;}

.w100p{width:100% !important;}

/* fontsize ============================================================== */

.fs90 {font-size:90px;}
.fs60 {font-size:60px;}
.fs50 {font-size:50px;}
.fs40 {font-size:40px;}
.fs35 {font-size:35px;}
.fs20 {font-size:20px;}

/* margins ================================================================= */

.mt0 {margin-top:0px !important} .mt1 {margin-top:1px !important} .mt2 {margin-top:2px !important} .mt3 {margin-top:3px !important} .mt4 {margin-top:4px !important} .mt5 {margin-top:5px !important} .mt6 {margin-top:6px !important} .mt7 {margin-top:7px !important} .mt8 {margin-top:8px !important} .mt9 {margin-top:9px !important} .mt10 {margin-top:10px !important} .mt15 {margin-top:15px !important} .mt20 {margin-top:20px !important} .mt25 {margin-top:25px !important}
.mb0 {margin-bottom:0px !important} .mb1 {margin-bottom:1px !important} .mb2 {margin-bottom:2px !important} .mb3 {margin-bottom:3px !important} .mb4 {margin-bottom:4px !important} .mb5 {margin-bottom:5px !important} .mb6 {margin-bottom:6px !important} .mb7 {margin-bottom:7px !important} .mb8 {margin-bottom:8px !important} .mb9 {margin-bottom:9px !important} .mb10 {margin-bottom:10px !important} .mb15 {margin-bottom:15px !important} .mb20 {margin-bottom:20px !important}
.ml0 {margin-left:0px !important} .ml1 {margin-left:1px !important} .ml2 {margin-left:2px !important} .ml3 {margin-left:3px !important} .ml4 {margin-left:4px !important} .ml5 {margin-left:5px !important} .ml6 {margin-left:6px !important} .ml7 {margin-left:7px !important} .ml8 {margin-left:8px !important} .ml9 {margin-left:9px !important} .ml10 {margin-left:10px !important} .ml15 {margin-left:15px !important} .ml20 {margin-left:20px !important} .ml25 {margin-left:25px !important} .ml30 {margin-left:30px !important} .ml50 {margin-left:50px !important}
.mr0 {margin-right:0px !important} .mr1 {margin-right:1px !important} .mr2 {margin-right:2px !important} .mr3 {margin-right:3px !important} .mr4 {margin-right:4px !important} .mr5 {margin-right:5px !important} .mr6 {margin-right:6px !important} .mr7 {margin-right:7px !important} .mr8 {margin-right:8px !important} .mr9 {margin-right:9px !important} .mr10 {margin-right:10px !important} .mr20 {margin-right:20px !important}

.mt-10 {margin-top:-10px !important}

/* paddings ============================================================== */

.pt0 {padding-top:0px !important} .pt1 {padding-top:1px !important} .pt2 {padding-top:2px !important} .pt3 {padding-top:3px !important} .pt4 {padding-top:4px !important} .pt5 {padding-top:5px !important} .pt6 {padding-top:6px !important} .pt7 {padding-top:7px !important} .pt8 {padding-top:8px !important} .pt9 {padding-top:9px !important} .pt10 {padding-top:10px !important} .pt15 {padding-top:15px !important} .pt20 {padding-top:20px !important} .pt25 {padding-top:25px !important}
.pb0 {padding-bottom:0px !important} .pb1 {padding-bottom:1px !important} .pb2 {padding-bottom:2px !important} .pb3 {padding-bottom:3px !important} .pb4 {padding-bottom:4px !important} .pb5 {padding-bottom:5px !important} .pb6 {padding-bottom:6px !important} .pb7 {padding-bottom:7px !important} .pb8 {padding-bottom:8px !important} .pb9 {padding-bottom:9px !important} .pb10 {padding-bottom:10px !important} .pb15 {padding-bottom:15px !important}
.pl0 {padding-left:0px !important} .pl1 {padding-left:1px !important} .pl2 {padding-left:2px !important} .pl3 {padding-left:3px !important} .pl4 {padding-left:4px !important} .pl5 {padding-left:5px !important} .pl6 {padding-left:6px !important} .pl7 {padding-left:7px !important} .pl8 {padding-left:8px !important} .pl9 {padding-left:9px !important} .pl10 {padding-left:10px !important} .pl11 {padding-left:11px !important} .pl12 {padding-left:12px !important} .pl13 {padding-left:13px !important} .pl14 {padding-left:14px !important} .pl15 {padding-left:15px !important} .pl16 {padding-left:16px !important} .pl17 {padding-left:17px !important} .pl18 {padding-left:18px !important} .pl19 {padding-left:19px !important} .pl20 {padding-left:20px !important} .pl50 {padding-left:50px !important}
.pr0 {padding-right:0px !important} .pr1 {padding-right:1px !important} .pr2 {padding-right:2px !important} .pr3 {padding-right:3px !important} .pr4 {padding-right:4px !important} .pr5 {padding-right:5px !important} .pr6 {padding-right:6px !important} .pr7 {padding-right:7px !important} .pr8 {padding-right:8px !important} .pr9 {padding-right:9px !important} .pr10 {padding-right:10px !important} .pr20 {padding-right:20px !important}


/* Heights ================================================================ */

.h145 {height:145px;}
.h135 {height:135px;}
.h290 {height:290px;}

/* Text Selection. ======================================================== */

::-moz-selection { background: #666666; }
::selection { background: #666666; }
p::-moz-selection { color: #ffffff}
p::selection { color: #ffffff; }
p::-moz-selection { background: #E30046; }
p::selection { background: #E30046; }

.lechiffre p::-moz-selection { background: #4f90e7; }
.lechiffre p::selection { background: #4f90e7; }

/* More buttons. ========================================================= */

.btnsubscribe {-webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 15px; background: #4f90e7; padding: 4px; text-decoration: none; }
.btnsubscribe:hover {background: #E30046;text-decoration: none;}

.btnred {-webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 13px; background: #e30046; padding: 4px; text-decoration: none; }
.btnred:hover {background: #4f90e7;text-decoration: none;}

/* Clear ================================================================= */

.cl {clear:left;} .cr {clear:right;} .cb {clear:both;}

/* StaticPages Styling. =================================================== */

#charte a{color:#E30046;}
#charte a:hover{color:#FF0075}
#charte h2{display:block; /*border-bottom:1px solid #949494; color:#E30046;*/ font-family: 'Yanone Kaffeesatz',Arial,verdana;}
#charte h2:before{font-family:FontAwesome;content:'\f061';color:#d2d2d2; margin-right:10px}
#charte b{color:#E30046;}
.charte {margin-left:40px !important;padding-left:15px !important; border-left:3px solid #d2d2d2;text-align:justify;}

#legal {border:1px solid #d2d2d2; padding:20px;}
#legal  ul li{margin:0; margin-left:50px;}
#legal a{color:#E30046;}
#legal a:hover{color:#FF0075}

#cgu a{color:#E30046;}
#cgu a:hover{color:#FF0075}
#cgu h1{display:block; border-bottom:1px solid #949494; font-family: 'Yanone Kaffeesatz',Arial,verdana; font-size: 40px; font-weight: bold;  line-height: 1.2em;}
#cgu h1:hover{color:#E30046;}
#cgu h1:before{}
#cgu h2{color:#949494;display:block; border-bottom:1px dotted #d2d2d2; padding-bottom: 10px; font-family: 'Yanone Kaffeesatz',Arial,verdana;}
#cgu h2:before{font-family:FontAwesome;content:'\f061';color:#d2d2d2; margin-right:10px}
#cgu p{text-align:justify; font-size: 15px; margin-bottom: 15px; line-height: 24px;}
#cgu b{color:#E30046;}
#cgu  ul li{margin:0; margin-left:50px;text-align:justify;}
#cgu  ul{margin-bottom:15px;}

#astroo4 td{border: 0 none;}
#astroo3 td{border: 0 none;}
#astroo2 td{border: 0 none;}
#astroo1 td{border: 0 none;}

/* Component: Overlay ===================================================== */

@-moz-document url-prefix() { 
  #sendyapix .mb10 {
    margin-bottom:0px!important;
  }
}

/* sub & sup ========================================================================== */
 
sub, sup {font-size: 50%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.75em;}
sub {bottom: -0.25em;}

/* HRs  ========================================================================== */

hr.gradient {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(148, 148, 148, 0.75), rgba(0, 0, 0, 0)); }

/* Merdier Iframe du Gratuit  ========================================================================== */

@media screen and (max-width: 479px) {
    #iframe-lg {
        height: 1550px;
    }
}

@media screen and (min-width: 480px) and (max-width: 649px) {
    #iframe-lg {
        height: 970px;
    }
}

@media screen and (min-width: 650px) and (max-width: 730px) {
    #iframe-lg {
        height: 900px;
    }
}

@media screen and (min-width: 731px) and (max-width: 767px) {
    #iframe-lg {
        height: 560px;
    }
}

@media screen and (width: 768px) {
    #iframe-lg {
        height: 990px;
    }
}

@media screen and (min-width: 769px) and (max-width: 899px) {
    #iframe-lg {
        height: 1550px;
    }
}

@media screen and (min-width: 900px) and (max-width: 1169px) {
    #iframe-lg {
        height: 990px;
    }
}

@media screen and (min-width: 1170px) {
    #iframe-lg {
        height: 560px;
    }
}

/* Hide ClubLNC  ========================================================================== */

/*.home-club-lnc {display: none;}
.views-field.views-field-field-is-free {display: none !important;}*/
.view-taxonomy .views-row-1 .views-field-field-is-free, .view-taxonomy .views-row-1 .views-field-field-rubriques, .view-taxonomy .views-row-1 .views-field-title {display: none !important;}
.view-taxonomy .views-field-title-1 {display: none;}
.view-taxonomy .views-row-1 .views-field-title-1 {
    display:block!important;
    font-family: 'Yanone Kaffeesatz',Arial,verdana;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2em;
}
.view-taxonomy .views-row-1 .views-field-title-1 a{
    word-break: break-word;
}
.view-taxonomy .topbig .pager-mobile {display:none!important;}
.view-taxonomy .views-row-1 .views-field-title-1 a:hover { color:#E02248; }
/* other misc stuff  ========================================================================== */
.copyhtml{
    background: #4f90e7;
    border: 0px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-family: open sans,arial;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    vertical-align: top;
    line-height: 1.42857;
    margin: 0;
    padding: 6px 12px;
    display:none;
}
.copyhtml:hover {
    background: #333333;
}

.block-mailchimp-signup{ border: 13px solid #E30446; padding: 3%; }
.block-mailchimp-signup .widgettitle{ font-family: 'Yanone Kaffeesatz',Arial,verdana; font-size: 27px; margin-bottom: 3%; margin-top: 4%;text-transform: initial;}
.mailchimp-newsletter-mergefields{
    display: inline-block;
    width: 64%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-right: -3px;
}
.mailchimp-newsletter-mergefields #edit-mergevars-email{
    width: 100%;
    margin-top: 0;
    border: 1px solid black;
    border-radius: 3px;
}
.mailchimp-newsletter-mergefields .form-item-mergevars-EMAIL label {display:none;}
.mailchimp-signup-subscribe-form .form-actions{
    display: inline-block;
    width: 35%;
}
.mailchimp-signup-subscribe-form .subtext {margin-bottom: -5%;line-height: 31px;text-align: center; font-size: 25px;font-family: 'Yanone Kaffeesatz',Arial,verdana;color: #3d3d3d;}
.mailchimp-signup-subscribe-form input[type="submit"] {
    background-color: gray;
    font-size: 12px;
    color: #fff;
    padding: 8.3px 10px;
    border-radius: 3px;
    width: 100%;
    position: relative;
    z-index: -1;
}
.mailchimp-signup-subscribe-form input[type="submit"]:hover {background-color:#E30446;}

.page-user-newsletter-edit #edit-account, .page-user-edit .field-type-mailchimp-lists-subscription {display:none;}
.page-user-newsletter-edit .field-type-mailchimp-lists-subscription {display:block!important; padding:1.5%; padding-left:0%;}
.page-user-newsletter-edit .field-type-mailchimp-lists-subscription legend{font-weight:bold;margin-bottom:5px;}

.page-user .profile .field-name-field-newsletter  { margin-bottom: 1%; }
.page-user .profile .field-name-field-newsletter .field-label {    
    border-bottom: 1px solid #ccc;
    font-family: 'Yanone Kaffeesatz',Arial,verdana;
    color: #333333;
    margin: 5px 0px 5px 0px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 28px;
}



/* TEST : Hide or display advert according to mobile or not ========================================================================== */

.article-remaining{
    font-size: 13px; color: #939392;
}

.


mobileShow {display: none;} 

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }
  
 .mobileHide { display: inline; } 

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
     .mobileHide { display: none;}
  }
/* TEST : Hide or display advert according to mobile or not ========================================================================== */


/* =================== mailchimp subscription form =================== */
.block-mailchimp-signup .widgettitle,
.mailchimp-signup-subscribe-form .subtext{ color:white; opacity: 0;}
.block-mailchimp-signup { border: 0px; }
#block-mailchimp-signup-signup-mailchimp-lnc{
    background-image: url(/sites/all/themes/lnc2015/images/subscription_block_background.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f4f4f4;
    border-radius: 20px;
    max-width: 355px;
    margin: auto;
}
.mailchimp-signup-subscribe-form { padding: 0% 20px 10px 20px; }
.mailchimp-signup-subscribe-form input[type="submit"] {
    background-color: #f6d015;
    color: black;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.mailchimp-signup-subscribe-form input[type="submit"]:hover{
    background-color: #f6d015;
    color: #E02248;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1168px){ 

    .mailchimp-signup-subscribe-form {
        padding: 0% 15px 10px 15px;
    }
    .mailchimp-signup-subscribe-form .subtext {
        line-height: 15px;
    }
    .mailchimp-signup-subscribe-form input[type="submit"] {
        font-size: 9px;
        padding: 9px 0px;
    }
    .mailchimp-newsletter-mergefields {
        width: 58%;
    }
    .mailchimp-newsletter-mergefields #edit-mergevars-email {
        font-size: 12px;
        padding: 6px 8px;
    }
}

@media only screen and (max-device-width : 900px){ 

    .mailchimp-signup-subscribe-form .subtext {
        line-height: 10px;
    }
}

@media only screen and (max-device-width : 767px){ 

    .mailchimp-signup-subscribe-form .subtext {
        line-height: 0;
        margin-top: 65px;
    }
}
/* ================================================================== */