/*
Theme Name: Swo
Theme URI: https://swocloud.net/themes/swo/
Author: the SWO team
Author URI: https://swocloud.net
Template: twentyfourteen
Description: The abstract theme for SWO Product. Use it as 'parent theme' to implement specific product.
Version: 1.0
License: Private License
License URI: https://swocloud.net/licenses/privatelicence-1.0.html
Tags:
Text Domain: SWO 1.0 user parent theme : twentyfourteen
*/

/**
 * CUSTOM SWO360
 * -----------------------------------------------------------------------------
 */

 h1,h2,h3,h4,h5,h6 { /* Le thème faire un clear ce qui provoque un header très haut sur la modal */
	clear: unset;
}
.swo-initializing #main {
	display: none;
}


.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	max-width: 100%;
}

/* Le parent met un gros padding, ce qui ne rend pas très bien sur le champ de recherche des datatable */
input, textarea {
    padding: initial;
}

/* Espace après l'icone */
.menu-item i {
	margin-right: .25em;
	display: inline-block;
}

#primary-menu > li:last-child > ul > li > a {
	width: auto; /* Le dernier menu dépasse parfois à droite de l'écran */
}

/* On enlève la font bootstrap Helvetica Neue */
body.page-template {
	font-family: Helvetica,Arial,sans-serif;
}


/* License */
#colophon .swo-info-license {
	font-style: italic;
	padding-left: 4px;
}

.swo-powered, .swo-powered a {
	float: left;
	font-variant: small-caps;
	font-size: 16px;
}

.swo-copyright {
	float: right;
	font-variant: small-caps;
	font-size: 16px;
}

.swo-copyright img {
	padding-left: 6px;
	max-width: 297px;
	max-height: 30px;
}

body.full-width div.site-main {
	background-color: rgb(250, 250, 250);
}

.wp-block-columns {
	margin-bottom: 0; /* Par défaut il y a 28px sous les blocs colonnes, dans les formulaires ça fait beaucoup... */
	align-items: center;
}

/** Gestion du mode embedded **/
.swo-embedded-dashboard header, .swo-embedded-dashboard footer {
	display: none;
}
.swo-embedded-dashboard #main, .swo-embedded-dashboard article.page {
	margin-top: 0;
	margin-bottom: 0;
}


/**
Gestion du footer en bas
**/
html {
	overflow-y: auto; /* Par défaut on a toujours un scroll */
	font-family: Helvetica,Arial,sans-serif;
}
body {
	height: 100vh;
}

body.admin-bar {
	height: calc(100vh - 32px);
}
body.admin-bar.masthead-fixed:not(.swo-modal-open) {
	height: calc(100vh - 80px);
}
@media screen and (max-width: 782px) {
	body.admin-bar:not(.swo-modal-open), body.admin-bar.masthead-fixed:not(.swo-modal-open) {
		height: calc(100vh - 46px);
	}
}

#page {
	min-height: 100%;
}
footer.site-footer {
	position: absolute;
    bottom: 0;
	width: 100%;
}

body.admin-bar.masthead-fixed.swo-modal-open footer.site-footer {
	bottom: 48px;
}
@media screen and (max-width: 782px) {
	body.admin-bar.masthead-fixed.swo-modal-open footer.site-footer {
		bottom: 46px;
	}
}


@media print {
	#masthead {
		display: none;
	}

	/* On enlève le flex, sinon le page-break ne marche pas sous chrome */
	.wp-block-columns {
		display: block;
	}
	.wp-block-column {
		display: block;
		margin-left: 0!important;
	}
	article {
		padding: 0!important;
	}
}


/* Diff with parent theme */
/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */
 ::selection {
	background: #cacaca;
	color: #222;
	text-shadow: none;
}

::-moz-selection {
	background: #cacaca;
	color: #222;
	text-shadow: none;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #00b140;
}
/**
* 3.0 Basic Structure
* -----------------------------------------------------------------------------
*/

.site {
	max-width: 100%;
}

/**
* 4.0 Header
* -----------------------------------------------------------------------------
*/

/* Restore width */
#site-header img {
	max-width: 297px;
	max-height: 48px;
}

.site-header {
	max-width: 100%;
	background-color: rgb(251, 251, 251);
	border-radius: 0 0 10px 10px;
    border: 2px solid #f5f5f5;
}

/* menus par dessus le reste */
#masthead {
	z-index: 999;
}

.search-toggle {
	background-color: rgb(251, 251, 251);
}

.search-toggle:hover,
.search-toggle.active {
	background-color: rgb(251, 251, 251);
}

.search-box {
	background-color: rgb(251, 251, 251);
}

@media screen and (min-width: 783px) {
	.site-navigation li>ul.sub-menu:first-child {
		border-radius: 0 0 10px 10px;
		border-top-width: 0px;
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 2px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: rgb(245, 245, 245);
		border-bottom-color: rgb(245, 245, 245);
		border-left-color: rgb(245, 245, 245);
	}
	.site-navigation .sub-menu {
		border-radius: 10px;
		border: 2px solid rgb(245, 245, 245);
		margin-left: 0px
	}
}
.menu-toggle:before {
	color: #444;
}

.menu-toggle {
	background-color: rgb(251, 251, 251);
}

.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
	background-color: rgb(245, 245, 245);
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

 .site-navigation ul {
	list-style: none;
	margin: 0;
}

.site-navigation li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-navigation ul ul {
	margin-left: 20px;
}

.site-navigation a {
	color: #222;
	display: block;
	text-transform: uppercase;
	border-radius: 7px;
}

.site-navigation a:hover {
	color: #00b140;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #00b140;
	font-weight: 900;
}

@media screen and (min-width: 783px) {
	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #00b140;
	}

	.primary-navigation ul ul {
		background-color: rgb(251, 251, 251);
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		color: inherit;
		background-color: rgb(251, 251, 251);

	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #cacaca;
	}
}

@media screen and (min-width: 1008px) {
	.secondary-navigation ul ul {
		background-color: rgb(251, 251, 251);
	}

	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #cacaca;
	}

	.site:before {
		width: 0px;
	}
}

@media screen and (min-width: 1080px) {
	.site-content,
	.site-main .widecolumn {
		margin-left: 0px;
	}

	.site:before {
		width: 0px;
	}

	.search-box-wrapper,
	.featured-content {
		padding-left: 0px;
	}

	.secondary-navigation,
	.secondary-navigation ul ul {
		width: 0px;
	}
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 100%;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
 .entry-meta .tag-links a:hover {
	background-color: #00b140;
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

 .hentry {
	max-width: 100%;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #00b140;
}

.hentry .mejs-overlay-button {
	margin-left: -24px;
}

.hentry .mejs-overlay-button:before {
	position: absolute;
}

.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #00b140;
}

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */
 .post-navigation,
 .image-navigation {
	 max-width: 100%;
 }

 .paging-navigation .page-numbers.current {
	border-top: 5px solid #00b140;
}

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */
 .archive-header,
 .page-header {
	 max-width: 100%;
 }
 /**
  * 6.10 Contributor Page
  * -----------------------------------------------------------------------------
  */
 .contributor-info {
	 max-width: 100%;
 }
 /**
  * 6.14 Comments
  * -----------------------------------------------------------------------------
  */
 .comments-area {
	 max-width: 100%;
 }

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

 .widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #00b140;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: #00b140;
}

.widget_calendar tbody a {
	background-color: #00b140;
}
/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

 .content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #00b140;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
 .site-footer {
	background-color: rgb(251, 251, 251);
	border-radius: 10px 10px 0 0;
    border: 2px solid #f5f5f5;
}

.site-footer,
.site-info,
.site-info a {
	color: inherit;
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #00b140;
}

.slider-direction-nav a:hover {
	background-color: #00b140;
}