/*
Theme Name: AMA
Theme URI: http://www.artmediaagency.com/
Version: 1.0.0
Description: AMA’s Custom Wordpress Theme
Author: Pierre Naquin
Author URI: http://www.naquin.fr/
*/

@import url('css/standardize.css') ;

@font-face {
	font-family: 'icons';
	src:url('fonts/icons.eot');
	src:url('fonts/icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/icons.ttf') format('truetype'),
		url('fonts/icons.woff') format('woff'),
		url('fonts/icons.svg#icons') format('svg') ;
	font-weight: normal ; font-style: normal ;
}

@font-face {
	font-family: 'breaking-news';
	src:url('fonts/hl.eot');
	src:url('fonts/hl.eot?#iefix') format('embedded-opentype'),
		url('fonts/hl.ttf') format('truetype'),
		url('fonts/hl.woff') format('woff'),
		url('fonts/hl.svg#icons') format('svg') ;
	font-weight: normal ; font-style: normal ;
}

@font-face {
	font-family: 'main';
	src:url('fonts/an.eot');
	src:url('fonts/an.eot?#iefix') format('embedded-opentype'),
		url('fonts/an.ttf') format('truetype'),
		url('fonts/an.woff') format('woff'),
		url('fonts/an.svg#icons') format('svg') ;
	font-weight: normal ; font-style: normal ;
}

@font-face {
	font-family: 'main';
	src:url('fonts/ani.eot');
	src:url('fonts/ani.eot?#iefix') format('embedded-opentype'),
		url('fonts/ani.ttf') format('truetype'),
		url('fonts/ani.woff') format('woff'),
		url('fonts/ani.svg#icons') format('svg') ;
	font-weight: normal ; font-style: italic ;
}

@font-face {
	font-family: 'main';
	src:url('fonts/anb.eot');
	src:url('fonts/anb.eot?#iefix') format('embedded-opentype'),
		url('fonts/anb.ttf') format('truetype'),
		url('fonts/anb.woff') format('woff'),
		url('fonts/anb.svg#icons') format('svg') ;
	font-weight: bold ; font-style: normal ;
}

@font-face {
	font-family: 'main';
	src:url('fonts/anbi.eot');
	src:url('fonts/anbi.eot?#iefix') format('embedded-opentype'),
		url('fonts/anbi.ttf') format('truetype'),
		url('fonts/anbi.woff') format('woff'),
		url('fonts/anbi.svg#icons') format('svg') ;
	font-weight: bold ; font-style: italic ;
}

body {
	background-color: rgb(255, 255, 255) ;
	font: normal 0.875em/1.38 main ; color: rgb(0,0,0) !important ;

	word-wrap: break-word ; -webkit-hyphens: auto ; -moz-hyphens: auto ;
	-ms-hyphens: auto ; -o-hyphens: auto ; hyphens: auto ;
}

b, strong { font-weight: bold ; }

.no-cut {
	word-wrap: normal ; -webkit-hyphens: none ; -moz-hyphens: none ;
	-ms-hyphens: none ; -o-hyphens: none ; hyphens: none ;
}

#main-header {
	border-bottom: 3px solid rgb(229, 229, 229) ;
	background: rgb(40,92,144) ;
	background: -webkit-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -moz-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -o-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -ms-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: linear-gradient(180deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) ;
	padding: 0px ; min-height: 86px ; height: 126px ;
	position: fixed ; top: 0 ; left: 0 ; right: 0 ; z-index: 997 ;
	overflow: visible !important ;
}

#breaking-news {
	position: fixed ; top: 0 ; left: 0 ; right: 0 ; z-index: 999 ;
	width: 100% ; height: 26px ; margin: 0 auto ; background-color: #000 ;
	font-family: breaking-news ; font-size: 1em ;
}
#breaking-news:hover { cursor: pointer ; }
#breaking-news p {
	width: 66.4166666666% ; margin: 5px auto 0;
	white-space: nowrap ; overflow: hidden ; text-overflow: ellipsis ;
	font-size: 0.786em ; text-transform: uppercase ; color: #fff ;
    -webkit-transition: opacity 0.5s ease-out ;
    -moz-transition: opacity 0.5s ease-out ;
    -o-transition: opacity 0.5s ease-out ;
    transition: opacity 0.5s ease-out ; opacity: 0 ;
}

#breaking-news p a { color: #fff ; }
#breaking-news p a:hover { text-decoration: underline ; }
#breaking-news p img {
	height: auto ; width: auto ;
	vertical-align: middle ; margin-top: -2px ;
}

#blue-container {
	position: fixed ; top: 26px ; left: 0 ; right: 0 ;
	width: 66.4166666666% ; height: 100px ; margin: 0 auto ;
	overflow: visible !important ; z-index: 998 ;
	font: normal 0.875em/1.38 Raleway ; color: rgb(0,0,0) !important ;
}

#logo {
	max-height: 80px ; width: auto ;
	vertical-align: middle ; margin-top: 10px ;
}

#top-navigation {
	float: right ; text-align: left ;
	height: 100px ; line-height: 100px ;
}
nav#top-menu-nav, #top-menu { float: left ; }
#top-menu a {
	color: #fff !important ; text-decoration: none ;
	display: block ; position: relative ;
}
#top-menu ul { list-style: none ; line-height: 100px ; }
#top-menu ul.sub-menu { line-height: normal ; }
#top-menu li {
	display: inline-block ; position: relative ;
	font-size: 14px ; padding-right: 22px ;
}
#top-menu li > a { padding-bottom: 29px ; }
#top-menu .menu-item-has-children > a:first-child:after {
	transform:rotate(90deg) ; -ms-transform:rotate(90deg) ;
	-webkit-transform:rotate(90deg) ;  -moz-transform:rotate(90deg) ;
	content: ' >\0000a0' ; font-size: 9px ; color: #fff ;
	position: absolute ; right: 0 ; top: 2px ; }
#top-menu .menu-item-has-children > a:first-child { padding-right: 14px;}
#top-menu li li.menu-item-has-children > a:first-child:after { right: 20px;}
.nav li ul {
	-webkit-transform: translate3d(0,0,0) ; border-color: #fff !important ;
	z-index: 9999 ; background: rgb(53,123,194) ; width: 200px ;
	visibility: hidden ; opacity: 0 ; border-top: 3px solid ; display: none ;
	position: absolute ; top: 97px ; left: -27px ; padding: 20px ;
}
.nav li.hover > ul { visibility: visible ; display: block ; }
.nav li:hover > ul, .nav li.hover > ul {
	-moz-transition: opacity .2s ease-in-out ;
	-webkit-transition: opacity .2s ease-in-out ;
	transition: opacity .2s ease-in-out ;
}
.nav li:hover > ul { opacity: 1; visibility: visible; }
.nav li { font-size: 14px ; padding-right: 22px ; position: relative ; }
#top-menu li li a { padding: 10px 20px ; width: 160px ; }
#top-menu li li a:hover {
	background-color: #fff ; color: #000 !important ;
}

#top-menu li.mega-menu { position: inherit; }
#top-menu li.mega-menu > ul {
	top: 97px ; padding: 30px 20px ; height: 190px ;
	position: absolute !important ; width: 930px !important ;
}
#top-menu li.mega-menu ul li {
	float: left !important ; display: block !important ;
	margin: 0 ; padding: 0 !important ;
}
#top-menu li.mega-menu li > ul {
	padding: 0px ; border: none ; left: auto ; top: auto ;
	width: 240px !important ;
}
#top-menu li.mega-menu li ul {
	visibility: visible ; opacity: 1 ;
}
#top-menu li.mega-menu > ul > li > a:first-child {
	padding-top: 0 !important ; border-bottom: 1px solid #F8F8F8 ;
}
#top-menu li.mega-menu > ul > li > a:first-child:hover {
	background-color: rgb(53,123,194) !important ; color: #fff !important ;
}
#top-menu li.mega-menu li > a { width: 200px !important ; }
#top-menu li.mega-menu > ul > li { margin: 0 10px ; }
#top-menu li.mega-menu .menu-item-has-children > a:first-child:after {
	display: none ;
}
#top-menu li.mega-menu ul:after, #top-menu li.mega-menu li:after, #top-menu li.mega-menu a:after {
	content: " " ; display: table ; clear: both ;
}
li.mega-menu li ul { display: block ; }

#search-icon:before {
	content: "\66" ; font-size: 17px ; color: #fff !important ;
	font-family: 'icons' ; speak: none ; font-style: normal ;
	font-weight: normal ; font-variant: normal ;
	text-transform: none ; line-height: 1 ;
	-webkit-font-smoothing: antialiased ;
	-moz-osx-font-smoothing: grayscale ;
}
#search-icon:hover { cursor: pointer ; }

#top-search { margin-right: 35px ; float: right ; }
.search-form {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) ;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) ;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) ;
	top: 97px ; right: 0 ; display: none ; position: absolute ;
	z-index: 1000 ; background: rgb(53,123,194) ; line-height: normal ;
	border-top: 3px solid #fff ; padding: 20px ;
}
.search-form input {
	width: 280px ; padding: 10px 20px ;
	background-color: #F8F8F8 ; border: none ; color: #333 ;
}

#et_mobile_nav_menu { margin-top: 20px !important ; }
#et_search_icon { color: #FFFFFF !important ; }

.sub-menu { background-color: rgb(53,123,194) !important ; z-index: 999 ; }

#main-content {
	top: 140px ; position: absolute ;
	padding-bottom: 60px ; width: 100% ;
}
body.single #left-area, body.search #left-area, body.tag #left-area, body.home #left-area {
	float: left ; width: 67.5290581162% ; min-height: 630px ;
}
body.page #left-area, body.attachment #left-area { width: 100% ; }
#right-area {
	position: relative ; float: right ;
	width: 30.0601202404% ; margin-left: 2.4048096192% ;
}
#content-area { width: 66.4166666666% ; margin: 0 auto ; }
h1 { font-size: 1.857em ; font-weight: bold ; margin-bottom: 0.8em ; }
h2 {
	font-size: 1.231em ; font-weight: bold ;
	white-space: nowrap ; overflow: hidden ; text-overflow: ellipsis ;
}
h2 a { text-decoration: none ; color: #000 ; }
h2 a:hover { text-decoration: underline ; }
article { padding: 0px 5px ; float: left ; width: 100% ; }
article p { margin-bottom: 0.8em ; text-align: justify ; }
body.search article p, body.tag article p { margin-bottom: 0px ; }

p#infos {
	margin-top: 15px ; font-weight: normal ; clear: both ;
	font-size: 0.929em ; color: rgb(77, 77, 77) ;
}
p#infos img, #same-subject img {
	height: auto ; width: auto ;
	vertical-align: middle ; margin-top: -2px ;
}
#city { text-transform: uppercase ; }

#share-twitter a::before, #share-fb a::before, #share-linkedin a::before {
	font-family: 'icons'; speak: none ; font-style: normal ;
	font-weight: normal ; font-variant: normal ; text-transform: none ;
	line-height: 1 ; -webkit-font-smoothing: antialiased ;
}
#share-twitter a::before {  content: '\69  ' ; }
#share-fb a::before {  content: '\68  ' ; }
#share-linkedin a::before {  content: '\72  ' ; }
#share-twitter a, #share-fb a, #share-linkedin a {
	display: inline-block ; font-size: 0.929em ; position: relative ;
	text-align: center ; transition: color 300ms ease 0s; color: #666;
	text-decoration: none ;
}
#share-twitter a:hover, #share-fb a:hover, #share-linkedin a:hover {
	color: #347ac1 ;
}
#share-twitter span, #share-fb span, #share-linkedin span { display: none ; }

#image { background-size: cover ; width: 100% ; }

p.tags {
	margin-top: 15px ; font-weight: normal ; clear: both ;
	font-size: 0.929em ; color: rgb(77, 77, 77) ;
}
p.tags a { text-decoration: underline ; color: rgb(77, 77, 77) ; }
p.tags a:hover { text-decoration: none ; }

#caption {
	margin-top: 15px ; margin-left: 0px ; font-weight: normal ;
	font-size: 0.929em ; color: rgb(77, 77, 77) ;
}

body.search p.tags, body.tag p.tags {
	margin: 0 0 26px 0 ; font-weight: normal ; clear: both ;
	font-size: 0.929em ; color: rgb(77, 77, 77) ;
}

#same-city, #same-subject {
	margin-top: 15px ; font-weight: normal ; float: left ; width: 50% ;
	font-size: 0.929em ; color: #000 ; font-weight: normal ; height: 105px ;
}
#same-city { padding-left: 10px ; }
#same-subject { border-right: 1px dotted #000 ; padding-right: 10px ; }
#same-city p, #same-subject p { margin: 0px ; }
#same-city li:before, #same-subject li:before { content: "\227B  " ; }
#same-city li, #same-subject li {
	white-space: nowrap ; overflow: hidden ;
	text-overflow: ellipsis ;
}
#same-city a, #same-subject a { text-decoration: underline ; color: #000 ; }
#same-city a:hover, #same-subject a:hover { text-decoration: none ; }
#image-same-subject {
	margin-top: 15px ; font-weight: normal ; clear: both ; width: 100% ;
}
#image-same-subject a.image-same {
	width: 18% ; float: left ; margin: auto 2.5% auto 0% ;
	border: 3px solid rgb(255, 255, 255) ;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5) ;
}
#image-same-subject a.image-same div { background-size: cover ; }
#image-same-subject a.image-same:last-of-type { margin: 0% ; }

#home-main-article, #home-images {
	width: 65% ; margin-bottom: 26px ; float: left ;
	text-align: justify ; clear: both ;
}
#home-main-article h3 { font-size: 1.231em ; font-weight: bold ; }
#home-main-article h3 a { text-decoration: none ; color: #000 ; }
#home-main-article h3 a:hover { text-decoration: underline ; }
#home-main-article p#infos { margin: 4px 0px ; }
#home-main-article p.tags { margin: 4px 0px ; }
#home-images a div { background-size: cover ; }
#home-images a.image-large {
	width: 100% ; float: left ; margin: auto 0% 4px 0% ;
	border: 3px solid rgb(255, 255, 255) ;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5) ;
}
#home-images a.image-small {
	width: 30% ; float: left ; margin: auto 5% auto 0% ;
	border: 3px solid rgb(255, 255, 255) ;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5) ;
}
#home-images a.image-small:last-of-type { margin: 0% ; float: right ; }
.home-tag {
	width: 30% ; margin-bottom: 26px ; float: right ;
	text-align: justify ; margin-left: 5% ;
}
.home-tag:nth-child(3n+8) { margin-left: 0% ; }
.home-tag p { font-size: 1.231em ; font-weight: bold ; text-align: left ; }
.home-tag li:before, #same-subject li:before { content: "\227B  " ; }
.home-tag li { font-size: 0.862em ; color: #000 ; font-weight: normal ; text-align: left ; font-weight: normal ; margin-bottom: 2px ; }
.home-tag li a { text-decoration: underline ; color: #347ac1 ; }
.home-tag li a:hover { text-decoration: none ; }
.home-tag img {
	height: auto ; width: auto ;
	vertical-align: middle ; margin-top: -2px ;
}

div#navi {
	display: block ; position: fixed ;
	width: 62px ; height: 300px ; top: 150px ; left: 10.5% ;
}
#navi button.inactive {
	display: block ; float: left ;
	width: 62px ; height: 62px ; margin-top: 15px ;
	border-radius: 5px ; background-color: rgb(222, 222, 222) ;
	font: 700 1.231em/1.38 Arial ; text-align: center ; color: #fff ;
}
#navi button.active {
	display: block ; float: left ;
	width: 62px ; height: 62px ; margin-top: 15px ;
	border-radius: 5px ; background: rgb(40,92,144) ;
	background: -webkit-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -moz-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -o-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: -ms-linear-gradient(270deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	background: linear-gradient(180deg, rgb(40, 92, 144) 0%, rgb(52, 122, 193) 100%) rgb(222, 222, 222) ;
	font: 700 1.231em/1.38 Arial ; text-align: center ; color: #fff ;
}
#navi p {
	text-align: center ; font-family: Arial ; margin-top: 15px ;
	font-size: 0.769em ; color: rgb(0, 0, 0) ; float: left ; width: 62px ;
}

#image-results {
	margin-top: 15px ; font-weight: normal ; clear: both ; width: 300px ;
}
#image-results a.image {
	width: 145px ; float: left ; margin: auto 10px 10px 0% ;
	border: 3px solid rgb(255, 255, 255) ;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .5) ;
}
#image-results a.image div { background-size: cover ; }
#image-results a.image:nth-of-type(2n) { margin: auto 0px 10px 0% ; }
#image-results a.image:last-of-type { margin-bottom: 26px ; }

div.ad {
	float: left ;
	width: 300px ; height: 600px ;
	border: 1px solid #000 ;
}
div.ad:hover { cursor: pointer ; }
div.ad:nth-child(1n+2) { margin-top: 26px ; }
p.ad {
	position: absolute ; bottom: 0 ; left: 0 ;
	width: 30px ; min-height: 14px ; padding: 2px 0px ;
	background-color: #000 ; text-align: center ;
	font: 700 0.714em Arial ; color: #fff ;
}

#main-footer {
	background-color: #000 ; height: 50px ; position: fixed ; bottom: 0 ;
	border-top: 4px solid rgb(222, 222, 222) ; width: 100% ;
}
#footer-bottom {
	width: 66.4166666666% ; margin: 0px auto ;
	line-height: 50px ; color: #fff ;
}
ul#social-icons { list-style: none ; float: right ; }
ul#social-icons li { display: inline-block ; margin-left: 20px ; vertical-align: baseline ; }
.social-icon a::before {
	font-family: 'icons'; speak: none ; font-style: normal ;
	font-weight: normal ; font-variant: normal ; text-transform: none ;
	line-height: 1 ; -webkit-font-smoothing: antialiased ;
}
.social-twitter a::before {  content: '\69' ; }
.social-rss a::before {  content: '\71' ; }
.social-icon span { display: none ; }
.social-icon a {
	display: inline-block ; font-size: 24px ; position: relative ;
	text-align: center ; transition: color 300ms ease 0s; color: #666;
	text-decoration: none ;
}
.social-icon a:hover { color: #347ac1 ; }
#footer-bottom p a { color: #347ac1 ; text-decoration: none ; }
#footer-bottom p a:hover { text-decoration: underline ; }

p:last-of-type { padding-bottom: 0px ; }

@media screen and (max-width: 600px) {
	#breaking-news p { width: 98% ; }
	#blue-container { width: 98% ; }
	#top-menu-nav { display: none ; }
	.search-form { width: 100% ; }
	input.search-field { width: calc(100% - 40px) ; }
	body.single #left-area, body.search #left-area, body.tag #left-area, body.home #left-area { width: 100% ; }
	body.page #left-area, body.attachment #left-area { width: 100% ; }
#right-area { width: 100% ; }
	#content-area { width: 98% ; }
	#same-city, #same-subject { margin-top: 15px ; font-weight: normal ; float: left ; width: 100% ; font-size: 0.929em ; color: #000 ; font-weight: normal ; height: 105px ; padding: 10px ; border: none ; }
	#home-main-article, #home-images { width: 100% ; }
	div#navi { display: block ; position: relative ; top: 0px ; left: 0px ; width: 100% ; }
	div.home-tag { width: 48% ; margin-left: 0px ; float: left ; }
	div.home-tag:nth-child(2) { margin-left: 0px ; }
	div.home-tag:nth-child(3) { margin-left: 4% ; }
	div.home-tag:nth-child(5) { margin-left: 0px ; }
	div.home-tag:nth-child(6) { margin-left: 4% ; }
	div.home-tag:nth-child(7) { margin-left: 0px ; clear: both ; }
	div.home-tag:nth-child(9) { margin-left: 4% ; }
	div.home-tag:nth-child(10) { margin-left: 0px ; clear: both ; }
	div.home-tag:nth-child(11) { margin-left: 4% ; }
	#navi button:first-of-type { display: inline-block ; float: left ; }
	#navi button:last-of-type { display: inline-block ; float: right ; }
	#navi p { margin-top: -38px ; width: 100% ; }
	div.ad { display: none ; }
	#footer-bottom { width: 98% ; }
	#left-area div.clearfix { display: none ; clear: none ; }
}