/*
Theme Name: Yoko Child
description: >-
  Un thème enfant de Yoko afin d'effectuer des modifications update safe.
Author: Loup Olivier Gaven-Forest
Template: yoko
Version: 1.0.0
Text Domain: yoko-child
*/

/*** Custom CSS ***/
.no-border {
    border: none !important;
}

.content-large {
    width: 96% !important;
}

.arrow-center-right {
    background-position: center right 1%;
}

.page-top {
    font-size: 0.78em;
}

#content h3.subtitle {
    margin: 8px 0 32px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.content-large li a {
    font-size: 1.1rem;
    font-weight: 600;
}

#content.content-large .page-entry-header h1.entry-title {
    color: #0E0E0E !important;
}

#content .articles-type-header h1.entry-title {
    text-align: center;
    font-size: 1.7rem;
    text-decoration: underline;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /**border-bottom: 1px solid #ddd;**/
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}

.col-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
}

#content .entry-header.articles-gmp-header h2 {
    margin-bottom: 2px;
}

#content .entry-header.articles-gmp-header p {
    padding-left: 10px;
    padding-bottom: 10px;
    color: #999;
    font-size: 0.8rem;
}

.articles-gmp-content {
    text-align: justify;
}

/*** Joindre Gaz Métro ***/
.sideJgm {
    border: 2px #BBB outset;
    padding: 5px;
    background-color: #F3F3F3;
}

.sideJgm .collapseomatic {
    font-size: 1.2em;
    font-weight: bold;
    padding: 6px;
}

.sideJgm .collapseomatic_content {
    margin-left: 5px;
}

.sideJgm .side-title {
    display: inline-block;
    font-size: 1.7em;
    padding-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.sideJgm .second-title {
    color: black;
    padding-bottom: 3px;
    font-weight: bold;
}

.sideJgm .important {
    color: red;
}

.sideJgm p {
    margin-bottom: 10px;
    color: #535353;
}

/*** Processus GMP ***/
.procedure-gmp .collapseomatic {
    padding: 5px;
    background-color: #E8E7E7;
    border: 1px #666 solid;
    color: #555;
}

.procedure-gmp .collapseomatic_content {
    background-color: rgba(215, 215, 215, 0.20);
    margin: 0;
    border: 1px #666 solid;
    border-top: none;
}

.procedure-gmp {
    margin: 11px auto 14px auto;
}

.sub-procedure .collapseomatic {
    border: 1px #CCC solid;
    border-collapse: collapse;
}


.sub-procedure {
    max-width: 98%;
}

.sub-procedure .collapseomatic {
    background-color: #cfe5f6;
    border-color: #555;
    color: #444;
}

.sub-procedure .collapseomatic_content {
    background-color: #FFFFFF;
    border-color: #555;
    color: #444;
}

.procedure-gmp .collapseomatic_content > :first-child {
    margin-top: 0;
    padding-top: 10px;
}

.procedure-gmp .collapseomatic, .processus a {
    font-weight: 600;
}

.processus a.link-processus {
    display: block;
    margin: 10px 0 10px 0;
    padding-left: 5px;
}

.procedure-gmp a.link-processus::before {
    content: '';
    display: inline-block;
    padding: 3px 3px;
    border-radius: 3px;
    background-color: #444;
    vertical-align: middle;
    margin: 0 4px 2px 6px;
}

.processus h3 {
    padding-left: 3px;
    margin-bottom: 17px !important;
    font-size: 1.4em !important;
    border-bottom: 1px solid #AAA;
}

/*** Menu des processus ***/
.menu-processus button {
    min-width: 2.3rem;
    min-height: 2.3rem;
    font-size: 1rem;
    font-weight: 600;
    padding:0;
    width: 100%;
}

.menu-processus {
    margin: auto;
}

/*** Tabbed Nav ***/
.wp-tabbed-tabs {
    border: 1px solid black;
}

.wp-tabbed-nav {
    border-bottom: 2px solid black;
}

.wp-tabbed-nav a {
    width: initial !important;
    font-size: 13px !important;
    padding: 10px 0 !important;
    color: inherit !important;
    height: initial !important;
}

.wp-tabbed-tabs .wp-tabbed-nav li.tab-active {
    background: #444444 !important;
}

.wp-tabbed-nav li {
    padding: 7px 0 7px 0 !important;
    border: 0.4px solid #3D3D3D;
    color: #FFF;
    box-sizing: border-box;
}

.wp-tabbed-nav li:hover {
    background-color: #505050 !important;
    cursor: pointer;
    color: #CCC !important;
}

.wp-tabbed-contents {
    padding: 10px !important;
    margin-top: 0 !important;
}

.wp-tabbed-contents .widget_nav_menu {
    font-size: 0.8rem;
}

/*** Menus in Tabbed Nav ***/
.wp-tabbed-contents .widget_nav_menu li {
    padding-bottom: 5px;
}
.wp-tabbed-contents .widget_nav_menu a {
    display: block;
    padding: 3px;
    border: outset	#B5B5B5 2px;
    border-radius: 3px;
    background-color: #E0E0E0;
    color: #222;
    font-weight: 700;
    text-align: center;
}

.wp-tabbed-contents .widget_nav_menu a:hover {
    background-color: #6C6C6C;
    text-decoration: none;
    border: solid #000 2px;
    color: #FFF !important;
}

/*** Single Processus ***/
iframe#iframeViewPdf {
    border: 2px solid black;
}

/*** Search Plugin ***/
.widget_search h5 {
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 3px;
}

#tertiary .widget_search .search-container .searchform .search-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#tertiary .widget_search .search-container .searchform .searchsubmit {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget_search .search-container {
    display: inline-block;
}

.widget_search .normal-search {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ddd;
}

/** Gravity Form **/
.readonly input {
    filter: brightness(92%);
    color:#444;
    border-color: #EFEFEF;
}

/** DLG Folder Viewer **/
li.dlg-folder-view {
    padding-top: 2px;
    padding-bottom: 3px;
}

li.dlg-folder-view a {
    display: block;
    padding: 3px;
    border: outset	#B5B5B5 2px;
    border-radius: 3px;
    background-color: #E0E0E0;
    color: #222;
    font-weight: 700;
    text-align: center;
    font-size: 12.8px;
    line-height: 18px;
}

li.dlg-folder-view a:hover {
    background-color: #6C6C6C;
    text-decoration: none;
    border: solid #000 2px;
    color: #FFF !important;
}

.dlg-folder-view.dlg-folder {
    border: outset	#B5B5B5 2px;
    border-radius: 3px;
    background-color: #F7F7F7;
    color: #222;
    font-weight: 700;
    font-size: 12.8px;
    line-height: 18px;
    margin-bottom: 6px;
    margin-top: 8px;

}

.dlg-folder-view.dlg-folder .collapseomatic {
    padding: 5px;
}

.dlg-folder-view.dlg-folder .collapseomatic.colomat-close {
    border-bottom: 2px solid #CCC;
}

.dlg-folder-view.dlg-folder .collapseomatic_content {
    width: 95%;
    margin: auto;
}

.dlg-folder-view.dlg-folder li:first-child {
    padding-top: 7px;
}

.dlg-folder-view.dlg-folder li:last-child {
    padding-bottom: 7px;
}