/*
Theme Name:     AFPSVT
Theme URI:      
Description:    Twenty child theme.
Author:         Jérôme Micucci
Author URI:     
Template:       twenty
Version:        0.1.0
*/

@import url("fonts/fonts.css");

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'Poppins', sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.calendar_wrap,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Poppins", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type="submit"] {
	font-family: "Poppins", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


#header .left-block {
    margin-left:0px;
    width:25%;
}

#header .right-block {
    margin-left:calc(75%);
    width:25%;
}

#header .left-block img, #header .right-block img {
  background-color: #fff;
  color: #fff;
  border-color: #fff;
  margin:15px 0px;
}

#access {
	background-color: #b4e6ff;
	position: relative;
	z-index: 20000;
}

#access a {
    color: #000;
}

#access li:hover > a, 
#access ul ul :hover > a  {
	background: #437188;
	color: #fff;
}

#access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	background: #437188;
}


#access ul ul a {
	background: #437188;
	color: #ddd;
}

#content {
	margin: 0 20px 0 20px;
}

figure.is-type-video {
    line-height: 0;
}

.home figure.is-type-video {
    background-color:#ffdc6e;
}

.home #main .entry-title {
    display: none;
}

#footer-widget-area .widget-area {
	width: 100%;
}

#footer ul.xoxo {
    display: flex;
    justify-content:space-around;
    list-style-type:none;
}

#footer ul.xoxo > li {

max-width: 25%;
}

#main {
    margin-bottom: 100px;
}

body:not(.home) #main {
    /* background-color:#ffdc6e; */
}

body.category-colloques  #main,
body.category-nos-productions  #main {
    /* background-color:#00be82; */
}


body.category-annonces  #main {
    /* background-color:#b4e6ff; */
}



#colophon {
	border-top: 4px solid #ffdc6e;
}

 a:link {
	color: #ffdc6e;
    font-weight: bold;
    text-decoration:none;
}

 a:hover {
	color: #ffdc6e;
    font-weight: bold;
    text-decoration:underline;
}

.edit-link a:link,
.comments-link a:link,
.entry-meta a:link, 
.entry-utility a:link,
.edit-link a:hover,
.comments-link a:hover,
.entry-meta a:hover, 
.entry-utility a:hover {
	color: #777;
}

div.footer a:link {
	color: #777;
}

div.footer a:hover {
	color: #777;
}


.sidebar-homepage-top-zone-widget-area #text-5 {
	margin: 30px 20px 20px 20px;
	padding: 10px 5px;
	display: block;
	float: none;
	margin-top: 144px;

}

.sidebar-homepage-top-zone-widget-area #text-5 p {
    font-size: 16px;
  line-height: 24px;
}

.sidebar-homepage-top-zone-widget-area #text-6 {
    padding: 20px 20px 20px 20px;
  background-color: #b4e6ff;
  margin: 0px;
  color: #fff;
}

.sidebar-homepage-top-zone-widget-area #text-6 h2 {
    color: #fff;
}

#access .menu-header li:before {
  content: " | ";
  display: block;
  float:left;
  line-height: 39px;
}

#access .menu-header li:first-child::before {
   content: " ";
}

#access .menu-header ul ul li:before {
  content: "";
  display: block;
  float:left;
  line-height: 1em;   
}

#text-7 {
  height: 100%;
  background-color:#ffdc6e;
  padding: 10px 5px;
  text-align: center;
  max-height:77px;
}

#text-7 a, #text-7 a:hover{
    color:#fff;
}

#content .entry-title {
    display: block;
  background: #ffdc6e;
  padding: 5px;
  color: #fff;
  margin-left: -20px;
  width: calc(100% + 40px);
}

#content .entry-title a {
  color: #fff;
}