/*

Theme Name: KSAClimate  

Theme URI: http://quarktheme.com

Author: Philippe Morlhon

Author URI: http://maddisondesigns.com/

Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom theme options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Quark is WooCommerce compatible, Multilingual Ready (WPML) and translated into Spanish, German and French.

Version: 1.3.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

Text Domain: KSAClimate

*/

/* ==========================================================================

   Fonts declaration

   ========================================================================== */


@font-face {
	font-family: 'omnesmedium';
	src: url('fonts/omnesmedium-roman-webfont.eot');
	src: local('?'), url('fonts/omnesmedium-roman-webfont.woff') format('woff'), url('fonts/omnesmedium-roman-webfont.ttf') format('truetype'), url('fonts/omnesmedium-roman-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

}

/* ==========================================================================

   Default stylings from HTML5 Boilerplate

   ========================================================================== */

html { height: 100%; }

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }



/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */

body { margin: 0; font-size: 18px; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-family: 'Roboto', sans-serif; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }


a { color: #0B8E36; text-decoration: none; outline: none; transition: all 0.5s ease; }
a:visited { color: #0B8E36; text-decoration: none; }
a:hover { color: #CC922E; text-decoration: none; }

menu { padding: 0; }

td { vertical-align: top; }


/* ==========================================================================

   Basic page styles

   ========================================================================== */



body { margin: 0 auto; padding: 0; min-height: 100%; text-align: left; }

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */

canvas { -ms-touch-action: double-tap-zoom; }

/* Make sure videos and embeds fit their containers */

embed, iframe, object, video { max-width: 100%; }

.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }

/* Responsive images */

img { border: 0; max-width: 100%; height: auto; vertical-align: top; }
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0;  }

/* Header */

h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 400; margin-top: 0; font-family: 'Roboto', sans-serif; }

h1 { margin-bottom: 10px; font-size: 200%; }
h2 { margin-bottom: 8px; font-size: 180%; }
h3 { margin-bottom: 6px; font-size: 160%; }
h4 { margin-bottom: 5px; font-size: 140%; }
h5 { margin-bottom: 5px; font-size: 120%; }
h6 { margin-bottom: 5px; font-size: 110%; }

ol, ul { list-style: none outside none; }
p, ol, ul, dl, address { margin: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

dt { font-style: normal; font-weight: 700; }

ins { background: none repeat scroll 0 0 #FFF9C0; text-decoration: none; }

.alignleft { display: inline; float: left; margin: 0 20px 16px 0; }
.alignright { display: inline; float: right; margin: 0 0 16px 20px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 16px; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote { border-left: 5px solid #333; margin: 0 0 18px 20px; padding: 0 0 0 16px; }
blockquote.pull-right { border-left: 0 none; border-right: 5px solid #333; margin: 0 20px 18px 0; padding: 0 16px 0 0; float: none; }
blockquote p { font-style: italic; font-weight: 400; font-size: 24px; margin-bottom: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right; }
blockquote cite:before { content: "\2014 "; }
blockquote cite { font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.125; color: #999; display: block; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; }

code, pre { border-radius: 3px; color: #555; font-size: 12px; font-size: 0.75rem; padding: 0 3px 2px; }
code { background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 2px 4px; }

abbr, dfn, acronym { border-bottom: 1px dotted #666; cursor: help; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -15px; }
sub { bottom: -5px; }

.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-weight: 400; font-size: 14px; color: #777; text-align: center; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; }
#primary .entry-content [id^="gallery-"] img { border: none; }

/* Text meant only for screen readers */

.assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.menu-toggle, button, input { font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.25; margin: 0; font-size: 100%; vertical-align: middle; }
.menu-toggle, button, input { *overflow: visible; line-height: normal; }
.menu-toggle::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="button"] { width: auto; }
.menu-toggle, .btn, input[type="submit"] { display: inline-block; *display: inline; padding: 8px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 16px; line-height: 1.25; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.menu-toggle, a.btn { color: #333333; text-decoration: none; }
.menu-toggle:hover, .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn:first-child { *margin-left: 0; }
.menu-toggle:hover, .btn:hover, input[type="submit"]:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.menu-toggle:focus, .btn:focus, input[type="submit"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.menu-toggle:active, .btn.active, .btn:active, input[type="submit"]:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); position:relative;
 top:1px; }
.btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.disabled:active, .btn[disabled]:active { top:0; }
button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
.btn-large, input[type="submit"].btn-large { padding: 10px 15px; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-small, input[type="submit"].btn-small { padding: 5px 9px; font-size: 13px; }

/* Form fields */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { font-family: inherit; padding: 8px; font-family: inherit; border: 1px solid #ccc; border-radius: 3px; }
/*select { max-width: 100%; }*/

/* Small headers */

.archive-title, .page-title, .entry-content th, .comment-content th { font-style: normal; font-weight: 700; font-size: 14px; line-height: 2; text-transform: uppercase; }


/* ==========================================================================

   Site specific styles

   ========================================================================== */

#wrapper { width: 100%; position: relative; text-align: left; }

#headercontainer { width: 100%; }

.site-header { clear: both; width: 100%; font-size: 16px; margin: 0 auto; padding: 10px 30px; position: relative; color: #000; text-align: center; } 
.site-title h1 { }
.site-title img { vertical-align: text-bottom; }
.site-title a { color: #333; font-size: 64px; text-decoration: none; }

#bannercontainer { width: 100%; margin-top: 10px; }

.banner { color: #eaeaea; width: 90%; max-width: 1200px; margin: 0 auto; padding: 15px 0; min-height: 75px; }
.home .banner .widget { margin: 24px 0; }
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 { color: #eaeaea; }
.banner h1 { font-size: 56px; }
.banner h2 { font-size: 32px; }

#maincontentcontainer .home-sidebar .widget { background-color: #fcfcfc; border: 1px solid #bbb; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px; }
#maincontentcontainer { width: 100%; height: 100%; }

.site-content { clear: both; width: 100%; margin: 0 auto; padding: 32px 0; color: #04252c; position: relative; }

.home-sidebar { width: 90%; max-width: 1200px; margin: 0 auto; padding-bottom: 32px; }

.home.page .site-content { padding-bottom: 0; }
.home.page .site-content article { margin-bottom: 0; }

/* Social Media icons */

.social-media-icons { float: right; height: auto; }
.social-media-icons ul { list-style: none; margin: 6px 0 0 0; padding: 0; }
.social-media-icons li { display: inline-block; font-size: 0.6rem; text-align: left; }
.social-media-icons a { color: #333; text-decoration: none; }
.social-media-icons a:visited { color: #333; }
.social-media-icons a:hover, .social-media-icons a:active { color: #2997ab; }

/* ==========================================================================

   Main Content

   ========================================================================== */

.entry-meta { clear: both; }

.comments-link { font-style: italic; font-weight: 400; font-size: 14px; float: right; }

.entry-header { margin-bottom: 16px; }

.entry-header .entry-title a { text-decoration: none; }

.entry-header h1 a:visited { color: #333; }
.entry-header h1 a:hover { 	color: #2997ab; }

article.sticky .featured-post { font-style: normal; font-weight: 400; border-top: 4px double #aaa; border-bottom: 4px double #aaa; color: #777; font-size: 16px; line-height: 3; margin-bottom: 24px; text-align: center; }
article.sticky { border-bottom: 4px double #aaa; } 

.site-content article { margin-bottom: 40px; -ms-word-wrap: break-word; -webkit-hyphens: auto; word-wrap: break-word; }

.header-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 5px 0; *zoom: 1; }
.header-meta:before, .header-meta:after { content: ""; display: table; }
.header-meta:after { clear: both; } 
.header-meta a { text-decoration: none; }
.header-meta a:visited { color: #333; }
.header-meta a:hover { color: #2997ab; }
.entry-content { margin-bottom: 20px; *zoom: 1; }
.entry-content:before, .entry-content:after { content: ""; display: table; }
.entry-content:after { clear: both; } 
.post-categories a, .post-tags a { font-size: 14px; background-color: #333; color: #fff; padding: 0 5px; margin: 0 3px 0 0; display: inline; text-decoration: none; }
.post-categories a:visited, .post-tags a:visited { color: #fff; }
.post-categories a:hover, .post-tags a:hover { background-color: #2997ab; color: #fff; }
.entry-header address, .comment-content address { font-style: italic; font-weight: 400; display: block; }
.entry-header address { display: inline; }
.entry-header time, .entry-header address { font-style: italic; font-weight: 400; font-size: 14px; margin: 0 20px 0 0; }

.page-links { clear: both; line-height: 1.75; color: #333; }
.page-links .page-numbers { background-color: #333; border: 1px solid #333; padding: 2px 4px; color: #fff; }
.page-links a { text-decoration: none; }
.page-links a .page-numbers { background-color: transparent; color: #333; }
.page-links a:hover .page-numbers { background-color: #2997ab; color: #fff; }

.more-link { text-decoration: none; }
.post-edit-link { text-decoration: none; }

.entry-content dl, .comment-content dl { margin: 0 24px; }
.entry-content dt, .comment-content dt { font-style: normal; font-weight: 700; line-height: 1.5; }
.entry-content dd, .comment-content dd { line-height: 1.5; margin-bottom: 24px; }

.entry-content table, .comment-content table { border-bottom: 1px solid #ccc; font-size: 14px; line-height: 2; margin: 0 0 24px; width: 100%; }
.entry-content table caption, .comment-content table caption { font-size: 16px; margin: 24px 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ccc; padding: 6px 10px 6px 0; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul { margin: 0 0 24px; line-height: 1.5; padding: 0; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; }
.entry-content ul, .comment-content ul { list-style: disc outside; }
.entry-content ol, .comment-content ol { list-style: decimal outside; }
.entry-content li, .comment-content li { margin: 0 0 0 28px; }


/* ==========================================================================

   Post Formats

   ========================================================================== */



.entry-media { margin: 0 auto 16px; max-width: 792px; width: 100%; }
.entry-media .wp-caption, .entry-media .wp-caption-text, .entry-media [class*="align"] { margin: 0 auto; }

/* Aside */

.format-aside .entry-content { margin: 20px 0 18px 0; }
.format-aside .entry-content p:last-child { margin-bottom: 0; }

/* Status */

.format-status .entry-content { border-left: 5px solid #ddd; margin: 20px 0 18px 0; padding: 0 0 0 15px; }
.format-status .entry-content p { font-size: 20px; font-style: italic; }
.format-status .entry-content p:last-child { margin-bottom: 0; }

/* Quote */

.format-quote .entry-content blockquote:before { font-weight: normal; font-style: normal; speak: none; vertical-align: top; font-size: 40px; content: "\f10d"; color: #ddd; top: -15px; left: 0; position: absolute; z-index: -1; }
.format-quote .entry-content { margin-top: 24px; position: relative; }
.format-quote .entry-content blockquote { border: none; margin-left: 40px; }

/* Audio */

.format-audio .wp-audio-shortcode { margin-bottom: 16px; }


/* ==========================================================================

   Archives

   ========================================================================== */



.archive-header, .page-header { margin-bottom: 32px; border-bottom: 1px solid #CCCCCC; }
.archive-meta { font-style: italic; font-weight: 400; color: #777; font-size: 14px; line-height: 2; margin-top: 16px; }



/* ==========================================================================

   Widgets

   ========================================================================== */

.widget-area ul { list-style: none outside none; padding-left: 0; }
.widget-area .widget { -moz-hyphens: auto; -ms-word-break: break-all; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; word-break: break-word; margin-bottom: 48px; }
.widget select { margin-left: 1px; }
.widget-area .widget ul ul { margin-left: 12px; }
.widget_rss li { margin: 12px 0; }
.widget_recent_entries .post-date, .widget_rss .rss-date { font-size: 12px; margin-left: 12px; }

#wp-calendar { margin: 0; width: 100%; font-size: 14px; line-height: 2; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: center; }
#wp-calendar thead { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar caption { font-style: normal; font-weight: 700; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background-color: #ddd; }
#wp-calendar tfoot { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar #next { padding-right: 24px; text-align: right; }

.widget_search label { display: block; font-size: 14px; line-height: 1.5; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }


/* ==========================================================================

   Content Navigation

   ========================================================================== */

.site-content nav { clear: both; line-height: 2; overflow: hidden; display: inline-block; }

#nav-above { padding: 24px; }
#nav-above { display: none; }

.paged #nav-above { display: block; }

.nav-previous, .previous-image { float: left; width: 50%; line-height: 1.3; }
.nav-previous a, .nav-next a { text-decoration: none; }

.nav-next, .next-image { float: right; text-align: right; width: 50%; line-height: 1.3; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 48px 48px 0; }

ul.page-numbers { padding: 0; margin: 0; text-align: center; line-height: 2; }

li a.page-numbers, li span.page-numbers { padding: 5px; border: 1px solid #333; text-decoration: none; }
li a:visited.page-numbers { color: #333; }
li a:hover.page-numbers { background-color: #2997ab; color: #fff; }
li a:hover.prev, li a:hover.next { background-color: transparent; color: #2997ab; }

.page-numbers li { display: inline; }
li span.current { background-color: #333; color: #fff; }
li a.prev, li a.next, li span.dots { border: none; }



/* ==========================================================================

   Main Navigation

   ========================================================================== */

.main-navigation { text-align: left; }

.nav-menu { font-style: normal; font-size: 110%; }
.main-navigation ul { list-style: none; margin: 10px 0 0 0; padding: 0; /*overflow: hidden;*/ }
.main-navigation li { float: left; position: relative; margin: 0; padding: 16px 16px 6px 16px; width: 16.66%; text-align: center; }
.main-navigation li#menu-item-478, .main-navigation li#menu-item-342 { width: 25%; }

.main-navigation li:last-child { }
.main-navigation li:first-child { }


.main-navigation ul ul li { margin: 0; }
.main-navigation li.menu-parent-item > a:after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; content: " \f078"; }
.main-navigation ul li li.menu-parent-item > a:after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; content: " \f054"; }
.main-navigation ul a { padding: 0; }
.main-navigation ul ul a { padding: 0 5px; }
.main-small-navigation a, .main-navigation a { display: block; text-decoration: none; color: #000000; text-transform: uppercase; font-size: 90%; transition: all 0.5s ease; }
.main-small-navigation a:hover, .main-navigation a:hover { color: #018C29; }
.main-navigation ul ul { display: none; position: absolute; left: 0; margin-top: 0px; padding: 16px 0; z-index: 99999999; line-height: 110%; width: 250px; font-size: 90%; background-color: rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); }
.main-navigation ul li#menu-item-478 ul, .main-navigation ul li#menu-item-342 ul { left: 30px; }

.main-navigation ul ul ul { left: 100%; top: 0; }
.main-navigation ul ul a { color: #fff; }
.main-navigation ul ul li { padding: 8px 8px 8px 14px; width: 100%; text-align: left; border-bottom: 1px solid #1A4B24; }
.main-navigation ul ul li:last-child { border-bottom: none; }

.main-navigation li:hover > a { color: #048B31; }
.main-navigation ul ul :hover > a { }
.main-navigation ul ul a:hover { color: #1A4B24; }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { font-weight: bold; }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_parent > a { font-weight: bold }
.main-navigation ul .divider { border-bottom: 1px solid #aaa; height: 0; line-height: 0.0625; overflow: hidden; }

.main-navigation ul li.dropdown-header a, .main-navigation ul li.current-menu-item ul .dropdown-header a { color: #aaa; background-color: #333; }

/* Small menu toggle for mobile devices */

.menu-toggle { cursor: pointer; }
.main-small-navigation .nav-menu { display: none; }


/* ==========================================================================

   WPML translation plugin

   ========================================================================== */


#lang_sel { width: 65%; height: 35px; }
#lang_sel li { width: 100%; }
#lang_sel ul ul { top: 35px; width: 100%; }
#lang_sel a.lang_sel_sel { border-radius: 3px; }
#lang_sel a, #lang_sel a:visited { font-size: 16px; padding: 5px 0 5px 10px; }

.main-navigation .menu-item-language .iclflag { margin-top: 7px; }
#lang_sel .iclflag { margin-top: 2px; }
#lang_sel .lang_sel_sel .iclflag { margin-top: 6px; }
#lang_sel_footer .iclflag, #lang_sel_footer .icl_lang_sel_current { margin-top: 6px; }


/* ==========================================================================

   Non-semantic helper classes from HTML5 Boilerplate

   Please define your styles before this section.

   ========================================================================== */

/* For image replacement */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }


/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==========================================================================

   Print styles from HTML5 Boilerplate

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

}


/* ==========================================================================

   CUSTOM

   ========================================================================== */

/* fullpage.js */
.fp-controlArrow.fp-prev { left: 80px!important; }
.fp-controlArrow.fp-next { right: 80px!important; }
.fp-slidesNav.fp-bottom { bottom: 50px!important; }
.section { padding-top: 70px; }

/* main */

body { background-color: #FFFFFF; }
#primary { padding-top: 130px; }
#wrapper { width: 100%; padding: 0; margin: 0; }
.center_cont { width: 1200px; max-width: 100%; margin: 0 auto; padding: 0; }
.center_cont_full { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; }

a.button_yellow, a.more-link { display: block; padding: 6px 10px; background-color: #c98901; border: 1px solid #c98901; border-radius: 6px; color: #FFFFFF; transition: all 0.5s ease; }
a.button_yellow:hover, a.more-link:hover { background-color: #FFFFFF; color: #c98901; }
a.arabic_version { margin-right: 10px; }

a.more-link { display: inline-block; margin-top: 10px; float: right; }

/* header */

#headercontainer { display: block; position: fixed!important; z-index: 999999; top: 0; width: 100%; max-width: 100%; background-color: #FFFFFF; border-bottom: 1px solid #CCC; }

#headercontainer_inner { display: block; width: 100%; position: relative; }
#headercontainer_inner header { position: relative; min-height: 130px; }
#header_left { position: absolute; left: 20px; top: 5px; }
#header_right { position: absolute; right: 20px; bottom: 5px; }

#rs_menu { position: absolute; right: 20px; top: 5px; overflow: hidden; }
#rs_menu ul { overflow: hidden; padding: 0; margin: 0; }
#rs_menu ul li { display: block; float: left; padding: 0 10px 0 0; }
#rs_menu .logo_sec { display: block; margin: 10px 10px 0 0;float: right; }

#header_logo { display: block; padding: 0; }

#header_menu { display: block; left: 50%; transform: translate(-50%, 0); padding: 0; position: absolute; bottom: 5px; }

/*body.home #header_logo a img { width: 300px; height: auto; }*/

/* footer */

#footercontainer { display: block; width: 100%; min-height: 160px; padding: 0px; margin-top: 30px; }
#footercontainer footer { padding: 40px 0; width: 100%; /*background-color: #c98901;*/ border-top: 2px solid #c98901; border-bottom: 1px solid #c98901; overflow: hidden; }
#footer_inner { overflow: hidden; }
#footer_col1, #footer_col2, #footer_col3 { display: block; float: left; text-align: left; padding: 0; margin: 0; }
#footer_col1, #footer_col2 { width: 10%; text-align: center; }
#footer_col3 { width: 80%; padding-left: 20px; }
#footer_col1 a, #footer_col2 a, #footer_col3 a { display: inline-block; color: #666666!important; font-size: 100%; line-height: 120%; transition: all 0.5s ease; margin-bottom: 4px; }
#footer_col1 a:hover, #footer_col2 a:hover, #footer_col3 a:hover { color: #870174!important; }

#subfooter_top { display: block; width: 100%; padding-top: 20px; }
#subfooter_top ul { padding: 0; width: 100%; overflow: hidden; }
#subfooter_top ul li { display: block; width: 50%; float: left; text-align: center; overflow: hidden; }
#subfooter_top ul li:first-child img { display: block; height: 67px; width: auto; float: right; margin-right: 30px; }
#subfooter_top ul li:last-child img { display: block; height: 67px; width: auto; float: left; margin-left: 30px; }
#subfooter_bottom { display: block; width: 100%; overflow: hidden; padding: 20px 10px; text-align: center; font-size: 90%; }

/* homepage */

	#home_intro { display: block; width: 100%; max-width: 100%; position: relative; max-height: 800px; overflow: hidden; }
	#home_intro_epigraph_1 { position: absolute; z-index: 100; top: 10%; left: 5%; width: 350px; color: #FFFFFF; text-align: justify; }
	#home_intro_epigraph_1 h3, #home_intro_epigraph_1 p { font-size: 200%; }
	#home_intro_epigraph_1 #logo_cop24 { display: block; margin-top: 10px; }
	#home_intro_epigraph_2 { position: absolute; z-index: 100; top: 6%; /*10%*/ text-align: left; right: 20px; padding: 20px; text-align: center; color: #FFFFFF; background: rgba(0,0,0,0.0); width: 700px; max-width: 65%; font-size: 80%; }
	#home_intro_epigraph_2 h3 { font-weight: bold;  text-align: left; }
	/*#home_intro_epigraph_2 { position: absolute; z-index: 100; bottom: 40%; right: 20px; padding: 5px; text-align: center; color: #FFFFFF; background: rgba(0,0,0,0.6); width: 860px; max-width: 65%; font-size: 80%; }*/
	#home_intro_epigraph_3 { margin-top: 30px; padding: 20px; text-align: center; color: #000000; }

	#home_grid { overflow: hidden; margin-bottom: 0px; margin-top: 40px; }
	.elem_home_grid { display: block; padding: 10px; float: left; }
	.elem_grid_inner { min-height: 250px; background-color: #000; overflow: hidden; position: relative; border-radius: 8px; }
	.w25 { width: 25%; }
	.w50 { width: 50%; }
	
	#home_grid #foreworld img { display: block; height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	#home_grid #foreworld p.legend { display: block; position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: 106px; padding: 40px 10px 20px 10px; background-color: #C98900; color: #FFFFFF; }
	#home_grid #foreworld p.legend a { color: #FFFFFF; }
	
	#home_grid #sentance .elem_grid_inner { background-color: #000000; padding: 0 10px; }
	#home_grid #sentance .elem_grid_inner .inner_sentance { display: block; font-style: italic; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFFFFF; font-size: 90%; width: 80%; }
	#home_grid #sentance .elem_grid_inner .inner_sentance p { display: inline-block; }
	
	#home_grid #twitter .elem_grid_inner { padding: 0 10px; background-color: #FFFFFF; border: 1px solid #CCC; }
	/*.ctf-twitterlink { border: 1px solid #666666; border-radius: 4px; }*/

	#home_grid #image1 { cursor: pointer; }
	#home_grid #image1 #slide_image1 { display: block; width: 100%; padding: 0; margin: 0; position: relative; overflow: hidden; }
	#home_grid #image1 #slide_image1 li { display: inline-block; width: 100%; padding: 0; margin: 0; height: 100%; float: left; position: relative; }
	#home_grid #image1 img { display: block; max-width: 100%; /*height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ }
	#home_grid #image1 .grid_slider_legend { display: block; position: absolute; z-index: 100; bottom: 20px; left: 10px; width: 560px; max-width: 100%; padding: 10px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; font-size: 80%; }
	#home_grid #image1 .grid_slider_legend h2, #home_grid #image1 .grid_slider_legend h3, #home_grid #image1 .grid_slider_legend h4, #home_grid #image1 .grid_slider_legend h5 { font-weight: normal; line-height: 105%; }
	
	#home_grid #video .elem_grid_inner { background-color: #000000; }
	#home_grid #video iframe { display: block; width: 100%; max-width: 100%; }
	#home_grid .video_legend { display: block; position: absolute; width: 100%; bottom: 0; left: 0; height: 86px; padding: 46px 10px 20px 10px; background: #000000; }
	#home_grid .video_legend a { color: #FFFFFF; }
	
	#home_grid #news { float: right; }
	#home_grid #news .elem_grid_inner { background-color: #FFFFFF; padding: 0 10px; border: 1px solid #CCC; }
	#home_grid #news .elem_grid_inner .title_news { display: block; position: absolute; left: 5%; top: 5%; color: #000000; font-size: 90%; padding: 10px; /*border: 1px solid #c98901;*/ background: #FFFFFF; }
	#home_grid #news .elem_grid_inner .inner_news { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #000000; font-size: 90%; width: 80%; }
	#home_grid #news .elem_grid_inner .inner_news .home_accroche { padding-bottom: 30px; font-size: 92%; }
	#home_grid #news .elem_grid_inner .inner_news .home_accroche a { display: block; margin-top: 6px; color: #666; }
	#home_grid #news .elem_grid_inner p.home_more_news { display: block; position: absolute; bottom: 25px; width: 90%; left: 0; text-align: right; margin-right: 10px; font-size: 95%; }
	#home_grid #news .elem_grid_inner p.home_more_news a { color: #000000;  }

	#slide_news { padding: 0; }
	#slide_news	.slick-dots { /*display: block;*/ display: none; position: absolute; z-index: 100; bottom: 0; left: 50%; transform: translate(-50%, 0); padding: 0; overflow: hidden; width: 60%; }
	#slide_news .slick-dots li { display: block; float: left; padding: 0 10px; }
	#slide_news .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
	#slide_news .slick-dots li button:before { font-size: 60px; line-height: 20px; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 0.5; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	#slide_news .slick-dots li button:hover:before, #slide_news .slick-dots li button:focus:before, #slide_news .slick-dots li.slick-active button:before { opacity: 1; }


	#home_grid #image2 { float: left; }
	#home_grid #image2 img { display: block; height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	#home_grid #image2 div.legend { display: block; position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: #000000; color: #FFFFFF; }
	#home_grid #image2 div.legend a { color: #FFFFFF; }

	#home_foreword_inner { overflow: hidden; margin: 40px 0; padding: 40px; border: 1px solid #c98901; border-radius: 8px; }
	#home_foreword_inner_cont { display: block; clear: both; overflow: hidden; font-size: 95%; }
	/*#home_foreword_inner_left { display: block; width: 50%; float: left; padding: 0 20px 0 0; }
	#home_foreword_inner_right { display: block; width: 50%; float: left; padding: 0 0 0 20px; }*/
	#home_foreword_inner_left { display: block; text-align: justify; width: 100%; }
	#closeforeword { display: block; float: right; font-size: 90%; margin-bottom: 20px;}
	#arabic_foreword { width: 100%; text-align: center; margin-top: 20px; }
	#arabic_foreword a { width: 160px; margin: 0 auto; }

	#home_events_title { overflow: hidden; margin-top: 40px; border-top: 2px solid #666; border-bottom: 1px solid #666; }
	#home_events_title h3 { padding: 20px 0; text-align: center; }

	#home_events { overflow: hidden; margin-bottom: 40px; }
	#home_events_inner ul { display: block; width: 100%; overflow: hidden; padding: 0; margin: 40px 0 0 0; }
	#home_events_inner ul li { display: block; width: 50%; float: left; position: relative; min-height: 250px; padding: 0 10px; overflow: hidden; }
	#home_events_inner ul li img { display: block; width: 100%; height: auto; max-height: 350px; border: 1px solid #999; border-radius: 8px 8px 0 0; }
	/*#home_events_inner ul li .homeevent_infos { display: block; position: absolute; z-index: 10; top: 0; left: 10px; background-color: #000000; color: #FFFFFF; padding: 20px; }*/
	#home_events_inner ul li .homeevent_title { display: block; width: 100%; background-color: #000000; color: #FFFFFF; padding: 20px; min-height: 104px; border-radius: 0 0 8px 8px; }
	#home_events_inner ul li .homeevent_title span { display: block; font-size: 90%; }

	#slide_home { width: 100%; margin: 0; padding: 0 10px; }
	.home_slider_image { position: relative; width: 100%; max-height: 600px; overflow: hidden; border-radius : 8px; }
	.home_slider_content { display: block; position: absolute; z-index: 10; bottom: 60px; left: 60px; width: 740px; max-width: 80%; padding: 20px; background-color: rgba(0,0,0,0.6); color: #FFFFFF; }
	.home_slider_content h2, .home_slider_content h3, .home_slider_content h4, .home_slider_content h5 { font-weight: normal; line-height: 105%; }
	.homesliderslick-prev { position: absolute; z-index: 100; top: 50%; left: 20px; display: block; width: 30px; height: 37px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: url('https://ksa-climate.com/wp-content/uploads/2018/10/f-blanc-gauche_40.png'); }
	.homesliderslick-next { position: absolute; z-index: 100; top: 50%; right: 20px; display: block; width: 30px; height: 37px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: url('https://ksa-climate.com/wp-content/uploads/2018/10/f-blanc-droite_42.png'); }
	.slick-dots { /*display: block;*/ display: none; position: absolute; z-index: 100; bottom: 20px; left: 50%; transform: translate(-50%, 0); padding: 0; overflow: hidden; }
	.slick-dots li { display: block; float: left; padding: 0 10px; }
	.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
	.slick-dots li button:before { font-size: 60px; line-height: 20px; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 0.5; color: #FFFFFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before { opacity: 1; }

	.home_partners_inner { overflow: hidden; }
	#slide_partners { padding: 0 40px; }
	#slide_partners li { width: 25%; text-align: center; }
	#slide_partners li a { display: block; width: 100%; text-align: center; }
	#slide_partners li img { height: 100px; width: auto; display: inline; }
	.partnersslick-prev { position: absolute; top: 50%; left: 0; display: block; width: 30px; height: 37px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: url('https://ksa-climate.com/wp-content/uploads/2018/10/f-or-gauche_47.png'); }
	.partnersslick-next { position: absolute; top: 50%; right: 0; display: block; width: 30px; height: 37px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; background: url('https://ksa-climate.com/wp-content/uploads/2018/10/f-or-droite_49.png'); }
	
/* ksa at cop24 */

	#events_intro { display: block; width: 100%; max-width: 100%; position: relative; }
	#events_intro_img { display: block; width: 100%; max-width: 100%; height: auto; }
	#events_intro_epigraph_1 { position: absolute; z-index: 100; top: 10%; left: 5%; width: 350px; color: #FFFFFF; text-align: justify; }
	#events_intro_epigraph_1 h1 { font-size: 200%; }
	#events_intro_epigraph_2 { margin-bottom: 40px; overflow: hidden; }
	#events_intro_epigraph_2 .eventsprogram { display: block; float: right; width: 250px; margin: 20px 0 0 0; }

	#events_main {}
	
	.events_elem { display: block; overflow: hidden; margin-bottom: 40px; }
	.events_elem_header { display: block; overflow: hidden; position: relative; width: 100%; max-height: 300px; margin-bottom: 20px; }
	.events_elem_header img { display: block; width: 100%; max-width: 100%; }
	h2.events_elem_title { display: block; margin-bottom: 20px; padding: 20px 0 0 0; width: 100%; border-top: 1px solid #666; text-align: center; }
	/*.events_elem:first-child h2.events_elem_title { padding: 0; border-top: none; }*/
	.events_cont { display: block; overflow: hidden; }
	.events_cont .button_yellow { display: inline-block; font-size: 90%; margin-top: 8px; }
	.events_cont_left { display: block; width: 60%; padding-right: 40px; float: left; min-height: 250px; }
	.moderator { display: block; margin-top: 16px; }
	.moderator h4 { font-size: 100%; font-weight: bold; color: #c98901; }
	.events_cont_right { display: block; float: left; width: 40%; padding: 40px; background: #000000; color: #FFFFFF; min-height: 150px; }
	.moreevent { display: block; width: 240px; margin: 40px auto 0 auto; }
	.closeevent { display: block; width: 100px; margin: 20px auto 0 auto; text-align: center; }
	.events_detail {}
	.events_detail h4 { font-size: 100%; font-weight: bold; color: #c98901; }
	.events_detail_inner { display: block; overflow: hidden; width: 100%; padding: 0; margin: 20px 0 0 0; }
	.events_detail_inner li { display: block; width: 100%; float: none; margin-bottom: 10px; }
	.events_detail_inner li:last-child { margin-bottom: 0px; }
	/*.events_detail_inner li:nth-child(odd) { padding: 10px 10px 10px 0; }
	.events_detail_inner li:nth-child(even) { padding: 10px 0 10px 10px; }*/
	.events_detail_inner li .events_detail_content { display: block; padding: 20px; border: 1px solid #c98901; font-size: 95%; }
	.speaker_bio, .summary { display: inline-block; margin: 10px 10px 0 0; }
	.speaker_name { margin-top: 10px; }
	
/* content page */

#header_pagecontent_image { display: block; overflow: hidden; position: relative; margin-bottom: 60px; }
#header_pagecontent_image #header_pagecontent_cont { display: block; position: absolute; top: 20%; left: 0; background: rgba(255,255,255,0.4); padding: 10px; }
#header_pagecontent_image #header_pagecontent_intro { display: block; font-size: 100%; padding: 0 0 0 140px; }
#header_pagecontent_image #header_pagecontent_intro h1 { color: #000000; font-size: 180%; line-height: 100%; font-weight: normal; margin-bottom: 5px; }
#header_pagecontent_image #header_pagecontent_img { display: block; width: 100%; height: auto; overflow: hidden; }
#header_pagecontent_image #header_pagecontent_img img { display: block; height: auto; width: 100%; }

#header_pagecontent {}
#header_pagecontent #header_pagecontent_cont { text-align: center; }
#header_pagecontent #header_pagecontent_intro { margin-top: 40px; margin-bottom: 40px; padding: 20px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; }
#header_pagecontent #header_pagecontent_intro h1 { color: #000000; font-size: 180%; line-height: 100%; font-weight: normal; margin-bottom: 5px; }


.pagecontent h5 { font-weight: bold; margin: 0 0 10px 0; }
.pagecontent h6 { font-weight: bold; margin: 0; }
.pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent h6 { line-height : 105%; }

.pagecontent p, .pagecontent ul { margin: 0; line-height: 130%; font-size: 110%; }
.pagecontent ul:not([class]):not([id]) { margin: 10px 0 6px 0; }

.pagecontent_element { display: block; overflow: hidden; padding: 40px 0 40px 0; }
.pagecontent_element ul { list-style-type: disc!important;  }
.custombg { padding: 30px; }
.filetsup { border-top: 1px solid #666; }
.center_cont_full.filetsup { width: 1200px; max-width: 100%; margin: 0 auto; padding: 40px 0; }
.pagecontent_element h3 { display: block; width: 100%; text-align: center; font-weight: bold; font-size: 160%; line-height: 100%; margin-bottom: 20px; text-transform: uppercase; }

.pagecontent_element_subheader { width: 100%; margin-bottom: 20px; }
.pagecontent_element_subheader img { max-width: 100%; height: auto; }
.pagecontent_element_subheader p { text-align: center; font-size: 85%; }

.pagecontent_element_subheader_entities { width: 100%; margin-bottom: 20px; }
.entities_logo_outer { display: block; margin: 0 auto; width: 100%; max-width: 100%; text-align: center; } 
.pagecontent_element_subheader_entities img { display: block; max-width: 40%; height: auto; margin: 0 auto; }
.pagecontent_element_subheader_entities .pagecontent_element_subheader_texte, .pagecontent_element_subheader_entities h2 { display: none; } 
.pagecontent_element_subheader_entities .pagecontent_element_subheader_texte { font-size: 85%; }

.pagecontent_element_content { display: block; width: 100%; margin: 0; overflow: hidden; font-size: 85%; }
.custombg .pagecontent_element_content { background-color: #FFFFFF; padding: 20px; }
.pagecontent_element_content.twocolumns .col_gauche { display: block; width: 50%; float: left; padding-right: 20px; }
.pagecontent_element_content.twocolumns .col_droite { display: block; width: 50%; float: left; padding-left: 20px; }
.pagecontent_element_content.onecolumns .col_gauche { display: block; width: 100%; }
.pagecontent_element_content.onecolumns .col_droite { display: block; width: 100%; }

.pagecontent_element_content .col_gauche p, .pagecontent_element_content .col_droite p { font-size: 90%; }
.pagecontent_element_content .col_gauche ul, .pagecontent_element_content .col_droite ul { display: block; list-style-type: none; padding: 0; margin: 0; width: 100%; overflow: hidden; }
.pagecontent_element_content .col_gauche ul li { display: block; width: 100%; padding: 10px 10px 10px 0; }
.pagecontent_element_content .col_droite ul li { display: block; width: 100%; padding: 10px 0 10px 10px; }
.pagecontent_element_content .col_gauche ul li a:not(.clink), .pagecontent_element_content .col_droite ul li a:not(.clink) { display: inline-block; margin: 5px 0 8px 0; padding: 6px 10px; background-color: #c98901; border: 1px solid #c98901; border-radius: 6px; color: #FFFFFF; transition: all 0.5s ease; }
.pagecontent_element_content .col_gauche ul li a:not(.clink):hover, .pagecontent_element_content .col_droite ul li a:not(.clink):hover { background-color: #FFFFFF; color: #c98901; }


.pagecontent_element_subheader_entities .rl-gallery-container { margin-top: 20px; }
.pagecontent_element_subheader_entities .rl-gallery-item-content { position: relative; overflow: hidden; height: 180px; }
.pagecontent_element_subheader_entities .rl-gallery-item-content img { width: 100%; height: auto; }
#fancybox-overlay { z-index: 999999999998; }
#fancybox-wrap { z-index: 999999999999; }

.pagecontent_element_content.typeentities .col_gauche p, .pagecontent_element_content.typeentities .col_droite p { font-size: 90%; }
.pagecontent_element_content.typeentities .col_gauche ul, .pagecontent_element_content.typeentities .col_droite ul { display: block; list-style-type: none; padding: 0; margin: 0; width: 100%; overflow: hidden; }
.pagecontent_element_content.typeentities .col_gauche ul li { display: block; width: 100%; padding: 20px 10px 20px 0; clear: both; }
.pagecontent_element_content.typeentities .col_droite ul li { display: block; width: 100%; padding: 20px 0 20px 10px; clear: both; }
.pagecontent_element_content.typeentities .col_gauche ul li a:not(.clink), .pagecontent_element_content.typeentities .col_droite ul li a:not(.clink) { display: inline-block; margin: 10px 0 10px 0; float: right; padding: 6px 10px; background-color: #c98901; border: 1px solid #c98901; border-radius: 6px; color: #FFFFFF; transition: all 0.5s ease; }
.pagecontent_element_content.typeentities .col_gauche ul li a:not(.clink):hover, .pagecontent_element_content.typeentities .col_droite ul li a:not(.clink):hover { background-color: #FFFFFF; color: #c98901; }


.pagecontent_documents { display: block; width: 100%; list-style-type: none; padding: 0; margin: 10px 0 0 0; overflow: hidden; }
.pagecontent_documents li { display: block; float: left; width: 50%; }
.pagecontent_documents li:nth-child(odd) { padding: 10px 10px 10px 0; }
.pagecontent_documents li:nth-child(even) { padding: 10px 0 10px 10px; }
.pagecontent_documents li a { font-size: 85%; }

/* acts */

.elem_actus { display: block; width: 100%; border-top: 1px solid #666; padding: 20px 0 0 0; margin-top: 40px; overflow: hidden; }
.elem_actus:first-child { border-top: none; padding: 0; margin-top: 0; }
.elem_actus_left { display: block; width: 40%; float: left; text-align: center; }
.elem_actus_left img { max-width: 70%; height: auto; }
.elem_actus_right { display: block; width: 60%; float: left; padding: 0 0 0 40px; }
.elem_actus_right h3 { display: block; width: 100%; margin: 0 0 10px 0; font-size: 140%; }

#pagination { display: block; overflow: hidden; width: 100%; text-align: center; margin: 10px 0; padding: 10px; }
#pagination a { display: inline-block; margin: 0 10px; cursor: pointer; font-size: 110%; padding: 4px 10px; border: 1px solid #FFFFFF; background: #FFFFFF; color: #000000; transition: all 0.5s ease; }
#pagination a:hover { border: 1px solid #0B8E36; }
#pagination a.jp-current { background-color: #0B8E36; border: 1px solid #0B8E36; color: #FFFFFF; }

#single_actus { padding-top: 40px; }
#more_actus { display: block; float: right; width: 200px; margin: 0 0 40px 0; }
#more_actus a { text-align: center; }
#single_actus article { display: block; overflow: hidden; float: none; clear: both; }
#single_actus article h3 { display: block; margin: 0 0 20px 0; }

/* misc */

.mob-menu-left-panel li.menu-item-205:hover, .mob-menu-left-panel li.menu-item-205 ul li:hover { background-color: transparent!important; }
.mob-menu-left-panel li.menu-item-205 #rs_menu_resp { padding-left: 15px; }
.mob-menu-left-panel li.menu-item-205 #rs_menu_resp a { display: inline-block; padding: 0 5px; }
.mob-menu-left-panel li.menu-item-205 #rs_menu_resp a:first-child { display: none; }

.rl-gallery-item { max-height: 190px; overflow: hidden; }