@import url('slider-wp.css');

/* armada css Change colors  */
.armada .party .line-square{ background-image: url(armada/line-square-repeat-blue.png);}
.armada .party .line-square .square-left{ background-image: url(armada/line-square-left-blue.png); left: 0;}
.armada .party .line-square .square-right{ background-image: url(armada/line-square-right-blue.png); right: 0;}

.armada .cards .line-square{ background-image: url(armada/line-square-repeat-blue.png);}
.armada .cards .line-square .square-left{ background-image: url(armada/line-square-left-blue.png); left: 0;}
.armada .cards .line-square .square-right{ background-image: url(armada/line-square-right-blue.png); right: 0;}

.armada .cards-iles .line-square{ background-image: url(armada/line-square-repeat-white.png);}
.armada .cards-iles .line-square .square-left{ background-image: url(armada/line-square-left-white.png); left: 0;}
.armada .cards-iles .line-square .square-right{ background-image: url(armada/line-square-right-white.png); right: 0;}

.armada .team .line-square{ background-image: url(seven/line-square-repeat-or.png);}
.armada .team .line-square .square-left{ background-image: url(seven/line-square-left-or.png); left: 0;}
.armada .team .line-square .square-right{ background-image: url(seven/line-square-right-or.png); right: 0;}

/* Background */
.armada .banner{ background-image: url(armada/7Wonders-Armada-Banner.jpg); background-size: 100% auto; background-repeat: no-repeat; position: relative;}
.armada .banner{ padding-bottom: 42%;}
.armada .banner .motif{ position: absolute; left: 0; bottom: 0;}

.armada .intro{ background-image: url(armada/bkgd-intro.jpg); position: relative;}
.armada .intro h2{ color: #2d567f;}
.armada .intro .txt,
.armada .intro .txt h2{ text-align: left;}
.armada .intro .txt{ width: 40%; padding-bottom: 6em; color: #000; margin: 0 auto;}
.armada .intro .plato{ width: 25%; right: 0; bottom: 0; position: absolute;}
.armada .intro .box{ float: left; margin-left: 16%; width: 10%;}

.armada .download{ background-image: url(armada/bkgd-download.jpg);}
.armada .download .down-list{ background: rgba(9,9,9, 0.2);}
.armada .download .box-down .show-flag{ background: rgba(9,9,9, 0.85);}

.armada .party{ background-image: url(armada/bkgd-partie.jpg); background-size: 100% auto; background-position: left top;}
.armada .party hgroup{ text-align: center;}
.armada .party hgroup h2,
.armada .party hgroup h3{ color: #195282;}
.armada .party .txt-center{ text-align: center;}

.armada .chantier{ background-image: url(armada/bkgd-chantier.jpg); background-size: 100% auto; background-position: left top;}
.armada .chantier hgroup{ text-align: center;}
.armada .chantier hgroup h2,
.armada .chantier hgroup h3{ color: #000;}
.armada .chantier .txt-center{ text-align: center;}
.armada .chantier .txt-center img{ width: 100%;}
.armada .chantier .part{ background: rgba(0,0,0, 0.1); padding: 40px 0;}
.armada .chantier .content{ width: 1000px; margin: 0 auto;}
.armada .chantier ul{ width: 100%; list-style: none;}
.armada .chantier ul li{ width: 22%; margin: 0 1%; float: left; text-align: center;}
.armada .chantier ul li span{ width: 80%; padding-top: 80%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; display: block; margin: 0 auto 1em;}
.armada .chantier ul li.armada-rouge span{ background-image: url(armada/chantier-militaire.png);}
.armada .chantier ul li.armada-jaune span{ background-image: url(armada/chantier-commerce.png);}
.armada .chantier ul li.armada-bleu span{ background-image: url(armada/chantier-civil.png);}
.armada .chantier ul li.armada-vert span{ background-image: url(armada/chantier-science.png);}
.armada .chantier ul li.armada-rouge{ color: #a12721;}
.armada .chantier ul li.armada-jaune{ color: #bd7030;}
.armada .chantier ul li.armada-bleu{ color: #0b5e8f;}
.armada .chantier ul li.armada-vert{ color: #186842;}
@media (max-width: 1000px){
	.armada .chantier .content{ width: 100%;}
}

.armada .variantes{ background-image: url(armada/bkgd-partie.jpg); background-size: 100% auto; background-position: left bottom;}
.armada .variantes hgroup h2,
.armada .variantes hgroup h3{ color: #434c52;}
.armada .variantes .content{ width: 1000px; margin: 0 auto;}
@media (max-width: 1000px){
	.armada .variantes .content{ width: 100%;}
}
.armada .variantes .boxVariantes{ width: 45%; padding: 0 2.5%; float: left; text-align: center; margin-top: 3em;}

.armada .cards{ background: #d2e3f9;}
.armada .cards hgroup h2,
.armada .cards h3{ color: #195282;}

.armada .cards-iles{ background: #81ab58;}
.armada .cards-iles hgroup h2,
.armada .cards-iles hgroup h3{ color: #fff;}

.armada .wonders-wp{ background-image: url(armada/bkgd-intro.jpg); background-size: 100% auto; position: relative;}


/* MOTIF */
.armada .banner .repeat-motif{ background-image: url(armada/repeat-motif-armada.png);}
.armada .banner .color-motif{ background: rgba(38,83,139, 0.5);}
.armada .banner h1{ position:absolute; left: 50%; top: 50%; width: 30%; margin: -10% 0 0 -15%;}
.armada .banner h1 img{ width: 100%;}
.armada .banner .spy{ position: absolute; right: 0; bottom: 0; z-index: 900; width:  30%;}
.armada .banner .spy img{ width: 100%;}

.armada .intro .repeat-motif{ background-image: url(armada/repeat-motif-armada.png);}
.armada .intro .color-motif{ background: rgba(5,5,5, 0.3);}

.armada .party .repeat-motif{ background-image: url(armada/repeat-motif-armada-partie.png);}
.armada .party .color-motif{ background: rgba(15,47,74, 0.2);}

.armada .team .repeat-motif{ background-image: url(armada/repeat-motif-or.png);}
.armada .team .color-motif{ background: rgba(174,128,12, 0.5);}

.armada .cards .repeat-motif{ background-image: url(armada/repeat-motif-armada-partie.png);}
.armada .cards .color-motif{ background: rgba(15,47,74, 0.2);}

.armada .cards-iles .repeat-motif{ background-image: url(armada/repeat-motif-green.png);}
.armada .cards-iles .color-motif{ background: rgba(0,0,0, 0.2);}


/* ADD STYLE FOR THIS PAGE */
.slider{ width: 100%; margin: 0 auto;}
.slick-slide{ margin: 0px;}
.slick-slide img{  width: 100%;}
.slick-prev:before,	.slick-next:before{ color: black;}

.slider div .motif{ position: absolute; left: 0; bottom: 0;}

.cards-cities{ background: rgba(13,74,153, 0.5)}
.cards-cities img{ -webkit-border-radius: 10%; border-radius: 10%; margin: 0 3%;}
.cards-cities .slick-list{ width: 90%; margin-left: 5%;}
.cards-cities .slick-slide{ margin: 0.5% 0.25%;}
.cards-cities .slick-prev,
.cards-cities .slick-next{ width: 49px; height: 52px;}
.cards-cities .slick-prev{ left: 10px; z-index: 5; background: url(armada/prev.png) no-repeat;}
.cards-cities button:hover.slick-prev{ background: url(armada/prev.png) no-repeat;}
.cards-cities .slick-next{ right: 10px; z-index: 5; background: url(armada/next.png) no-repeat;}
.cards-cities button:hover.slick-next{ background: url(armada/next.png) no-repeat;}
.cards-cities .slick-next::before { content: inherit;}

.cards-iles .cards-cities{ background: rgba(48,98,0, 0.5)}
.cards-iles .cards-cities .slick-prev{ left: 10px; z-index: 5; background: url(armada/prev-green.png) no-repeat;}
.cards-iles .cards-cities button:hover.slick-prev{ background: url(armada/prev-green.png) no-repeat;}
.cards-iles .cards-cities .slick-next{ right: 10px; z-index: 5; background: url(armada/next-green.png) no-repeat;}
.cards-iles .cards-cities button:hover.slick-next{ background: url(armada/next-green.png) no-repeat;}

a.down-rules{ background: #434c52; color: #fff; padding: 15px 20px 10px; text-decoration: none;-webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 40px; display: inline-block; margin: 1em auto;}