/* Theme Name: mjc16 Theme URI: Author: Ludovic Helleboid & the WordPress team Author URI: http://www.ludovichelleboid.com/ Description: mjc16 est le thème officiel de la MJC du Centre des Fontaines d'Eu en Normandie. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: gray, red, white, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: mjc16 */ /* Colors : * Light gray : #edefed * Dark gray : #565a5c * Bleu ciel : #68C8F2 / rgba(61,169,252,1) */ /** * Table of Contents * * 1.0 - Normalize 1.1 - wpadminbar & fixed header * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigation * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Widgets * 11.0 - Content * 11.1 - Header * 11.2 - Posts and pages * 11.3 - Post Formats * 11.4 - Comments * 11.5 - Sidebar * 11.6 - Footer * 12.0 - Media * 12.1 - Captions * 12.2 - Galleries * 12.3 - NextGen Gallery * 13.0 - Multisite * 14.0 - Media Queries * 14.1 - >= 640px * 14.2 - >= 1040px * 14.3 - >= 1280px * 15.0 - Print */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin-top: 0 !important;} body {margin: 0;} article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block;} audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} [hidden], template {display: none;} a {background-color: transparent;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: 700;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} code, kbd, pre, samp{font-size:1em;} button, input, optgroup, select, textarea{color:inherit;font:inherit;margin:0;} select{text-transform:none;} button{overflow:visible;} button, input, select, textarea{max-width:100%;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;} button[disabled], html input[disabled] {cursor: default;opacity: .5;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;} input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 0.4375em;padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #d1d1d1;margin: 0 0 1.75em;padding: 0.875em;} fieldset > :last-child {margin-bottom: 0;} legend {border: 0;padding: 0;} textarea {overflow: auto;vertical-align: top;} optgroup {font-weight: bold;} /** * 1.1 - wpadminbar & fixed header (Getting Sticky Headers and the WordPress Admin Bar (wp-admin-bar) to Behave) */ #wpadminbar {position:fixed!important;} /* = Getting Sticky Headers and the WordPress Admin Bar (wp-admin-bar) to Behave -------------------------------------------------------------- */ .admin-bar #site-navigation, .admin-bar #site-header, .admin-bar #site-content, .admin-bar #site-footer {top: 32px;} @media screen and (max-width: 767px) { .admin-bar #site-navigation, .admin-bar #site-header, .admin-bar #site-content, .admin-bar #site-footer {top: 46px;} } /** * 2.0 - Genericons */ .menu-item-has-children a:after, .social-navigation a:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-family: "Genericons";font-size: 16px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;speak: none;text-align: center;text-decoration: inherit;text-transform: none;vertical-align: top;} /** * 3.0 - Typography */ body,button,input,select,textarea{color:rgba(95,108,123,1);font-family:Noto Sans, Helvetica,sans-serif;font-size:16px;font-size:1rem;line-height:1.5} h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",sans-serif;clear:both;font-weight:700;margin:0 0 1em 0;text-rendering:optimizeLegibility} h1{line-height: 1.1!important;;} p{margin:0 0 1.75em} dfn,cite,em,i{font-style:italic} blockquote{border:0 solid #555;border-left-width:4px;color:#686868;font-size:19px;font-size:1.1875rem;font-style:italic;line-height:1.4736842105;margin:0 0 1.4736842105em;padding:0 0 0 1.263157895em} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote p{margin-bottom:1.4736842105em} blockquote cite,blockquote small{color:#555;display:block;font-size:16px;font-size:1rem;line-height:1.5} blockquote cite:before,blockquote small:before{content:"\2014\00a0"} blockquote em,blockquote i,blockquote cite{font-style:normal} blockquote strong,blockquote b{font-weight:400} blockquote > :last-child{margin-bottom:0} address{font-style:italic;margin:0 0 1.75em} code,kbd,tt,var,samp,pre{font-family:Inconsolata,monospace} pre{border:1px solid #d1d1d1;font-size:16px;font-size:1rem;line-height:1.3125;margin:0 0 1.75em;max-width:100%;overflow:auto;padding:1.75em;white-space:pre;white-space:pre-wrap;word-wrap:break-word} code{background-color:#d1d1d1;padding:.125em .25em} abbr,acronym{border-bottom:1px dotted #d1d1d1;cursor:help} mark,ins{background:rgba(61,169,252,1);color:#fff;padding:.125em .25em;text-decoration:none} big{font-size:125%} /** * 4.0 - Elements */ html{box-sizing:border-box} *, *:before, *:after {/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing: inherit;} body {background:#d8eefe url("images/mjceu_bg.png") repeat center top;display: flex; min-height: 100vh; flex-direction: column;} hr{background-color:#d1d1d1;border:0;height:1px;margin:0 0 1.75em} ul,ol{margin:0 0 1.75em 1.25em;padding:0} ul{list-style:disc} ol{list-style:decimal;margin-left:1.5em} li > ul,li > ol{margin-bottom:0} dl{margin:0 0 1.75em} dt{font-weight:700} dd {margin: 0 0 1.75em;} img {height: auto;/* Make sure images are scaled correctly. */max-width: 100%;/* Adhere to container width. */vertical-align: middle;} del {opacity: 0.8;} table,th,td {border: 1px solid #d1d1d1;} table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin: 0 0 1.75em;table-layout: fixed;/* Prevents HTML tables from becoming too wide */width: 100%;} caption,th,td {font-weight: normal;text-align: left;} th {border-width: 0 1px 1px 0;font-weight: 700;} td {border-width: 0 1px 1px 0;} th,td {padding: 0.4375em;} /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder {color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;} :-moz-placeholder {color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;} ::-moz-placeholder {color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;opacity: 1;/* Since FF19 lowers the opacity of the placeholder by default */} :-ms-input-placeholder {color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;} /** * 5.0 - Forms */ input {line-height: normal;} button,button[disabled]:hover,button[disabled]:focus,input[type="button"],input[type="button"][disabled]:hover,input[type="button"][disabled]:focus,input[type="reset"],input[type="reset"][disabled]:hover,input[type="reset"][disabled]:focus,input[type="submit"],input[type="submit"][disabled]:hover,input[type="submit"][disabled]:focus {background: rgba(61,169,252,1) none repeat scroll 0 0;border: 0;border-radius: 2rem;color: #fff;font-family: Montserrat, "Helvetica Neue", sans-serif;font-weight: 700;letter-spacing: 0.046875em;line-height: 1;padding: 0.84375em 0.875em 0.78125em;text-transform: uppercase;transition: 0.2s ease-in-out;} button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus {background: rgba(61,169,252,.5);} button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus {outline: thin dotted;outline-offset: -4px;} input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea {background: #f7f7f7;background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));border: 1px solid #d1d1d1;border-radius: 2px;color: #686868;padding: 0.625em 0.4375em;width: 100%;} input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus {background-color: #fff;border-color: rgba(61,169,252,1);color: #555;outline: 0;} .post-password-form {margin-bottom: 1.75em;} .post-password-form label {color: #686868;display: block;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 13px;font-size: 0.8125rem;letter-spacing: 0.076923077em;line-height: 1.5;margin-bottom: 1.75em;text-transform: uppercase;} .post-password-form input[type="password"] {margin-top: 0.4375em;} .post-password-form > :last-child {margin-bottom: 0;} .search-form {position: relative;} input[type="search"].search-field {border-radius: 2px 0 0 2px;width: calc(100% - 42px);} .search-submit:before {content: "\f400";font-size: 24px;left: 2px;line-height: 42px;position: relative;width: 40px;} .search-submit {border-radius: 0 2px 2px 0;bottom: 0;overflow: hidden;padding: 0;position: absolute;right: 0;top: 0;width: 42px;} /** * 6.0 - Navigation */ /** * 6.1 - Links */ a {color: rgba(61,169,252,1);text-decoration: none;transition: 0.2s ease-in-out;} a:hover,a:focus,a:active {color: #686868;} a:focus {outline: thin dotted;} a:hover,a:active {outline: 0;} /** * 6.2 - Menus */ .site-header-menu {} .site-header-menu.toggled-on,.no-js .site-header-menu {display: block;} .site-footer .navbar {margin-bottom: 1.75em;} .navbar .menu-item-has-children > a {padding-right: 56px;} .navbar .menu-item-has-children a.dropdown-toggle{color:#FF0004;} .navbar-container{max-width:1280px;margin:0 auto;} .site-header .navbar + .social-navigation {margin-top: 1.75em;} .site-footer .social-navigation {margin-bottom: 1.75em;} .social-navigation ul {list-style: none;margin: 0;} .social-navigation li{float:left;margin:0.4375em 0em 0.4375em 0.8em;} .social-navigation a{border:1px solid rgba(255,255,255,.5); border-radius: 50%; color:rgba(255,255,255,.5); display:block; height:35px; position:relative; width:35px;} .social-navigation a:hover{border:1px solid rgba(255,255,255,1);} .icon-calendar, .icon-clock{width: 16px;height: 18px;top: 3px;margin-right: .4rem;position: relative;fill: rgba(0,0,0,.4);} .icon-facebook{width: 24px;height: 24px;top: 6px;position: relative;fill: rgba(255,255,255,.5);left: 4px;} .icon-facebook:hover{fill: rgba(255,255,255,1);} .post-navigation{border-top:4px solid #555;border-bottom:4px solid #555;clear:both;font-family:Montserrat,"Helvetica Neue",sans-serif;margin:0 0 3.5em 0} .post-navigation a{color:#555;display:block;padding:1.75em 0} .post-navigation span{display:block} .post-navigation .meta-nav{color:#686868;font-size:13px;font-size:.8125rem;letter-spacing:.076923077em;line-height:1.5;margin-bottom:.5em;text-transform:uppercase} .post-navigation .post-title{display:inline;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:23px;font-size:1.4375rem;font-weight:700;line-height:1;text-rendering:optimizeLegibility} .post-navigation a:hover .post-title,.post-navigation a:focus .post-title{color:rgba(61,169,252,1)} .post-navigation div + div{border-top:4px solid #555} .pagination{border-top:4px solid #555;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:19px;font-size:1.1875rem;margin:0 auto 2.947368421em auto;min-height:56px;position:relative;clear:both;width:90%;} .pagination:before,.pagination:after{background-color:#555;content:"";height:52px;position:absolute;top:0;width:52px;z-index:0} .pagination:before{right:0} .pagination:after{right:54px} .pagination a:hover,.pagination a:focus{color:#555} .pagination .nav-links{padding-right:106px;position:relative} .pagination .nav-links:before,.pagination .nav-links:after{color:#fff;font-size:32px;line-height:51px;opacity:.3;position:absolute;width:52px;z-index:1} .pagination .nav-links:before{content:"\f429";right:-1px} .pagination .nav-links:after {content: "\f430";right: 55px;} /* reset screen-reader-text */ .pagination .current .screen-reader-text {position: static !important;} .pagination .page-numbers{display:none;letter-spacing:.013157895em;line-height:1;margin:0 .7368421053em 0 -.7368421053em;padding:.8157894737em .7368421053em .3947368421em;text-transform:uppercase} .pagination .current{display:inline-block;font-weight:700} .pagination .prev,.pagination .next{background-color:#555;color:#fff;display:inline-block;height:52px;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:52px;z-index:2} .pagination .prev:before,.pagination .next:before{font-size:32px;height:53px;line-height:52px;position:relative;width:53px} .pagination .prev:hover,.pagination .prev:focus,.pagination .next:hover,.pagination .next:focus{background-color:rgba(61,169,252,1);color:#fff} .pagination .prev:focus,.pagination .next:focus{outline:0} .pagination .prev{right:54px;} .pagination .prev:before{content:"\f430";left:-1px;top:-1px} .pagination .next{right:0} .pagination .next:before{content:"\f429";right:-1px;top:-1px} .image-navigation,.comment-navigation {border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;color: #686868;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 13px;font-size: 0.8125rem;line-height: 1.5;margin: 0 0 2.1538461538em 0;padding: 1.0769230769em 0;} .comment-navigation {margin-right: 0;margin-left: 0;} .comments-title + .comment-navigation {border-bottom: 0;margin-bottom: 0;} .image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty),.comment-navigation .nav-previous:not(:empty),.comment-navigation .nav-next:not(:empty) {display: inline-block;} .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {content: "\002f";display: inline-block;opacity: 0.7;padding: 0 0.538461538em;} /* nav-search --------------------------------------------------------------------- */ .nav-search {float:right;position:absolute;top:0;right:70px;width:calc(100% - 130px);} .nav-search form{position:relative; } .nav-search .fa-search{padding:15px;color:#fff;float:right;font-size:20px;} .nav-search input[type=text] {width: 0;box-sizing: border-box;border: 0 solid transparent;font-size: 16px;background-color: rgba(0,0,0,0);padding: 14px 50px 14px 0;transition: 0.4s ease-in-out;position: absolute;right:0;border-radius:0!important;cursor:pointer;color:#fff;} .nav-search input[type=text]:focus {max-width: 100%;width: 100%;padding: 14px 70px 14px 20px;background-color: rgba(61,169,252,.8);} .nav-search input::-webkit-input-placeholder {color: rgba(255,255,255,.5);} .nav-search input:-moz-placeholder {/* Firefox 18- */color: rgba(255,255,255,.5);} .nav-search input::-moz-placeholder {/* Firefox 19+ */color: rgba(255,255,255,.5);} .nav-search input:-ms-input-placeholder {color: rgba(255,255,255,.5);} @media screen and (min-width: 65em) {/* = or > 1040px */ .nav-search {float:right;position:relative;top:0;right:0;width:auto;} .nav-search input[type=text]:focus {max-width: 300px;width: 300px;padding: 14px 70px 14px 20px;} } /* Grow Pop arrow navigation --------------------------------------------------------------------- */ .container{padding:0!important;} .arrow_nav { height: 100px;overflow: hidden;padding: 64px 0;position: absolute;width:100%;top: calc(114px - 230px);} .arrow_nav nav a{position:relative;top:50%;display:block;outline:none;text-align:left;z-index:1000;transform:translateY(-50%)} .arrow_nav nav a.prev{float:left;} .arrow_nav nav a.next{float:right;} .arrow_nav nav a svg{display:block;margin:0 auto;padding:0} .nav-growpop .icon-wrap{position:relative;z-index:100;display:block;padding:20px 10px;border:0 solid rgba(61,169,252,1);background:rgba(61,169,252,1);transition:border-width .3s .15s} .nav-growpop svg.icon{fill:#fff} .nav-growpop div{position:absolute;top:50%;padding:20px;width:440px;height:144px;background:#fff;opacity:0;transition:transform 0.3s,opacity .3s} .nav-growpop a.prev div{left:0;padding:20px 140px 20px 70px;text-align:right;transform:translateY(-50%) translateX(-100%) scale(0.75)} .nav-growpop a.next div{right:0;padding:20px 70px 20px 140px;transform:translateY(-50%) translateX(100%) scale(0.75)} .nav-growpop span{display:block;padding-bottom:5px;border-bottom:1px solid #ddd;color:#cdcdcd;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:.7em;line-height:1.2} .nav-growpop h3{margin:0;padding:8px 0 10px;color:#818181;font-weight:300;font-size:1.325em;line-height:1.2} .nav-growpop div p{margin:0;color:rgba(61,169,252,1);font-style:italic;font-size:75%;font-family:"Lucida Bright",Georgia,serif} .nav-growpop img{position:absolute;top:20px} .nav-growpop a.prev img{right:20px;max-width:100px;max-height:100px;} .nav-growpop a.next img{left:20px;max-width:100px;max-height:100px;} .nav-growpop a:hover .icon-wrap{border-top-width:40px;border-bottom-width:40px;transition-delay:0} .nav-growpop a:hover div{opacity:1;transition-delay:.3s;transform:translateY(-50%) translateX(0) scale(1)} @media screen and (max-width: 520px) { .nav-growpop a.prev div{padding:10px 70px 10px 65px;} .nav-growpop a.next div{padding:10px 65px 10px 70px;} .nav-growpop div{position:absolute;top:50%;padding:20px;width:280px;height:100px;background:#fff;opacity:0;transition:transform 0.3s,opacity .3s} .nav-growpop h3{font-size:1.1em;line-height:1} .nav-growpop img{top:10px} .nav-growpop a.prev img{right:10px;max-width:50px;max-height:50px;} .nav-growpop a.next img{left:10px;max-width:50px;max-height:50px;} .nav-growpop a.prev{transform-origin:0 50%} .nav-growpop a.next{transform-origin:100% 50%} .nav-growpop a{transform:translateY(-50%) scale(0.6)} .nav-growpop a:hover .icon-wrap{border-top-width:20px;border-bottom-width:20px;} } /** * 7.0 - Accessibility */ /* Text meant only for screen readers */ .says,.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;/* many screen reader and browser combinations announce broken words as they would appear visually */word-wrap: normal !important;} /* must have higher specificity than alternative color schemes inline styles */ .skip-link {background-color: #f1f1f1;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);color: #21759b;display: block;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 14px;font-weight: 700;left: -9999em;outline: none;padding: 15px 23px 14px;text-decoration: none;text-transform: none;top: -9999em;} .logged-in .skip-link {box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);font-family: "Open Sans", sans-serif;} .skip-link:focus {clip: auto;height: auto;left: 6px;top: 7px;width: auto;z-index: 100000;} /** * 8.0 - Alignments */ .alignleft{float:left;margin:.375em 1.75em 1.75em 0} .alignright{float:right;margin:.375em 0 1.75em 1.75em} .aligncenter{clear:both;display:block;margin:0 auto 1.75em} blockquote.alignleft{margin:.3157894737em 1.4736842105em 1.473684211em 0} blockquote.alignright{margin:.3157894737em 0 1.473684211em 1.4736842105em} blockquote.aligncenter{margin-bottom:1.473684211em} /** * 9.0 - Clearings */ .clear:before,.clear:after,blockquote:before,blockquote:after,.entry-content:before,.entry-content:after,.entry-summary:before,.entry-summary:after,.comment-content:before,.comment-content:after,.site-content:before,.site-content:after,.site-main > article:before,.site-main > article:after,.primary-menu:before,.primary-menu:after,.social-links-menu:before,.social-links-menu:after,.textwidget:before,.textwidget:after,.content-bottom-widgets:before,.content-bottom-widgets:after{content:"";display:table} .clear:after,blockquote:after,.entry-content:after,.entry-summary:after,.comment-content:after,.site-content:after,.site-main > article:after,.primary-menu:after,.social-links-menu:after,.textwidget:after,.content-bottom-widgets:after{clear:both} /** * 10.0 - Widgets */ .widget{border-top:4px solid #555;margin-bottom:3.5em;padding-top:1.75em} .widget-area > :last-child,.widget > :last-child{margin-bottom:0} .widget .widget-title{font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:16px;font-size:1rem;letter-spacing:.046875em;line-height:1.3125;margin:0 0 1.75em;text-transform:uppercase} .widget .widget-title:empty{margin-bottom:0} .widget-title a{color:#555} /* Calendar widget */ .widget.widget_calendar table {margin: 0;} .widget_calendar td,.widget_calendar th {line-height: 2.5625;padding: 0;text-align: center;} .widget_calendar caption {font-weight: 900;margin-bottom: 1.75em;} .widget_calendar tbody a {background-color: rgba(61,169,252,1);color: #fff;display: block;font-weight: 700;} .widget_calendar tbody a:hover,.widget_calendar tbody a:focus {background-color: #686868;color: #fff;} /* Recent Posts widget */ .widget_recent_entries .post-date{color:#686868;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;line-height:1.615384615;margin-bottom:.538461538em} .widget_recent_entries li:last-child .post-date{margin-bottom:0} /* RSS widget */ .widget_rss .rsswidget img{margin-top:-.375em} .widget_rss .rss-date,.widget_rss cite{color:#686868;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;font-style:normal;line-height:1.615384615;margin-bottom:.538461538em} .widget_rss .rssSummary:last-child{margin-bottom:2.1538461538em} .widget_rss li:last-child :last-child{margin-bottom:0} /* Tag Cloud widget */ .tagcloud a{border:1px solid #d1d1d1;border-radius:2px;display:inline-block;font-family:Montserrat,"Helvetica Neue",sans-serif;line-height:1;margin:0 .1875em .4375em 0;padding:.5625em .4375em .5em} .tagcloud a:hover,.tagcloud a:focus{border-color:rgba(61,169,252,1);color:rgba(61,169,252,1);outline:0} /** * 11.0 - Content */ .site-content {word-wrap: break-word;} .entry-header,.entry-summary,.entry-content,.entry-footer,.page-content, .comments-title, .comment-list, .comment-reply-title, .comment-form, .widget, .site-footer {padding: 0 4%;} .hero-entry-header{position: absolute;align-self: center;display: flex;justify-content: center;width: 100%;} .hero-entry-title{font-family:Montserrat,"Helvetica Neue",sans-serif; color:white;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing: -0.15rem;margin: 0 2rem;text-shadow: 2px 2px 10px rgba(0,0,0,.6);} @media screen and (min-width: 768px){ .hero-entry-title{font-family:Montserrat,"Helvetica Neue",sans-serif; color:white;font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing: -0.15rem;margin: 0 4rem;} } .content-area{padding:1em 0;background-color:#fff;} /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus {outline: 0;} .site-main {margin-bottom: 0;} .site-main > :last-child {margin-bottom: 0;} /** * 11.1 - Header */ .site-header-container{max-height:100%;width:100%;background-color:rgba(240, 240, 240, 1);padding-top: 50px;position: relative;display:flex;} .site-header-container .attachment-header-image {margin:0;width:100%;height:100%;} .site-header{padding:0;margin: 0 auto;position: absolute; top: 0;width:100%;} .site-branding{margin:0 auto;} .site-title{font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:23px;font-size:1.4375rem;font-weight:700;line-height:1;margin:0} .site-branding .site-title a{color:#555} .site-branding .site-title a:hover,.site-branding .site-title a:focus{color:rgba(61,169,252,1)} .site-description{color:#686868;display:none;font-size:13px;font-size:.8125rem;font-weight:400;line-height:1.0769230769;margin:.538461538em 0 0} .cdf_logo{left: 33%;right:33%;margin: 0 auto;position: absolute;top: 30%;width: 34%;} .header-image{clear:both;margin:.875em 0} .header-image a{display:block} .header-image a:hover img,.header-image a:focus img{opacity:.85} /** * 11.2 - Posts and pages */ .site-content-container {width: 100%;position:relative;padding:0 0 2em 0;flex: 1;} @media screen and (min-width: 768px){ .site-content-container {padding:3em 0;} } .site-content {background:#fffffe;padding: 1em 2%;margin: 0 auto;max-width: 1280px;position: relative;border-radius: 1em;} .site-main > article{margin-bottom:2em;position:relative} .entry-header,.entry-summary,.entry-content,.entry-footer,.page-content{margin-right:0;margin-left:0;} .type-page .entry-title{font-size:2rem;line-height: 2rem;} .entry-title a{color:#555;word-break: break-word;} .entry-title a:hover,.entry-title a:focus{color:rgba(61,169,252,1)} .entry-content,.entry-summary{border-color:#d1d1d1} body:not(.search-results) .entry-summary{color:#686868;font-size:19px;font-size:1.1875rem;line-height:1.4736842105;margin-bottom:1.4736842105em} body:not(.search-results) .entry-header + .entry-summary{margin-top:-.736842105em} body:not(.search-results) .entry-summary p,body:not(.search-results) .entry-summary address,body:not(.search-results) .entry-summary hr,body:not(.search-results) .entry-summary ul,body:not(.search-results) .entry-summary ol,body:not(.search-results) .entry-summary dl,body:not(.search-results) .entry-summary dd,body:not(.search-results) .entry-summary table{margin-bottom:1.4736842105em} body:not(.search-results) .entry-summary li > ul,body:not(.search-results) .entry-summary li > ol{margin-bottom:0} body:not(.search-results) .entry-summary th,body:not(.search-results) .entry-summary td{padding:.3684210526em} body:not(.search-results) .entry-summary fieldset{margin-bottom:1.4736842105em;padding:.3684210526em} body:not(.search-results) .entry-summary blockquote{border-color:currentColor} body:not(.search-results) .entry-summary blockquote > :last-child{margin-bottom:0} body:not(.search-results) .entry-summary .alignleft{margin:.2631578947em 1.4736842105em 1.4736842105em 0} body:not(.search-results) .entry-summary .alignright{margin:.2631578947em 0 1.4736842105em 1.4736842105em} body:not(.search-results) .entry-summary .aligncenter{margin-bottom:1.4736842105em} .entry-content > :last-child,.entry-summary > :last-child,body:not(.search-results) .entry-summary > :last-child,.page-content > :last-child,.comment-content > :last-child,.textwidget > :last-child{margin-bottom:0} .more-link{white-space:nowrap} .author-info{border-color:inherit;border-style:solid;border-width:1px 0;clear:both;padding-top:1.75em;padding-bottom:1.75em} .author-avatar .avatar{float:left;height:42px;margin:0 1.75em 1.75em 0;width:42px} .author-description > :last-child{margin-bottom:0} .entry-content .author-title{clear:none;font-size:16px;font-size:1rem;font-weight:900;line-height:1.5;margin:0} .author-bio{color:#686868;font-size:13px;font-size:.8125rem;line-height:1.5;margin-bottom:1.5em;overflow:hidden} .author-link{white-space:nowrap} .entry-footer{color:rgba(255,255,255,.6);font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;line-height:1.5;margin-top:1rem} .entry-footer:empty{margin:0} .entry-footer a{color:rgba(255,255,255,.6);} .entry-footer a:hover,.entry-footer a:focus{color:rgba(61,169,252,1)} .entry-footer > span:not(:last-child):after{content:"\002f";display:inline-block;opacity:.7;padding:0 .538461538em} .entry-footer .avatar{height:21px;margin:-.1538461538em .5em 0 0;width:21px} .sticky-post{color:#686868;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;letter-spacing:.076923077em;line-height:1.5;margin-bottom:.5em;text-transform:uppercase} .edit-link:before{font-family: "dashicons";content: "\f464";margin: 0 5px 0 0;position: relative;top: 1px;color:rgba(61,169,252,1);} .clock-icon:before{font-family: "dashicons";font-size: 1.2em; content: "\f469";margin: 0 5px 0 0;position: relative;top: 2px;} /** * IE8 and earlier will drop any block with CSS3 selectors. * Do not combine these styles with the next block. */ .updated:not(.published){display:none} .sticky .posted-on,.byline{display:none} .single .byline,.group-blog .byline{display:inline} .page-header{margin:1.5em 0;padding-top:0;} body.error404 .page-header,body.search-no-results .page-header{border-top:0;padding-top:0} .page-title{font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:23px;font-size:1.4375rem;line-height:1} .taxonomy-description{color:#686868;font-size:13px;font-size:.8125rem;line-height:1.5} .taxonomy-description p{margin:.5em 0 1.5em} .taxonomy-description > :last-child{margin-bottom:0} .page-links{clear:both;font-family:Montserrat,"Helvetica Neue",sans-serif;margin:0 0 1.75em} .page-links a,.page-links > span{border:1px solid #d1d1d1;border-radius:2px;display:inline-block;font-size:13px;font-size:.8125rem;height:1.8461538462em;line-height:1.6923076923em;margin-right:.3076923077em;text-align:center;width:1.8461538462em} .page-links a{background-color:#555;border-color:#555;color:#fff} .page-links a:hover,.page-links a:focus{background-color:rgba(61,169,252,1);border-color:transparent;color:#fff} .page-links > .page-links-title{border:0;color:#555;height:auto;margin:0;padding-right:.6153846154em;width:auto} .entry-attachment{margin-bottom:1.75em} .entry-caption{color:#686868;font-size:13px;font-size:.8125rem;font-style:italic;line-height:1.5;padding-top:1.0769230769em} .entry-caption > :last-child{margin-bottom:0} .content-bottom-widgets{margin:0;} .content-bottom-widgets .widget-area{margin-bottom:3.5em} /* index-featured_content ------------------------------------------------------------------------------------ */ .index-featured_content{float:left;width:100%;} /* agenda-widget ------------------------------------------------------------------------------------ */ .agenda-widget, .a_propos-widget{display:grid;padding: 0 4%;margin: 1rem 0 2rem 0;} .agenda-widget h1{font-size:2.4em;margin-bottom: 1rem;line-height: 2.4rem;} .agenda-widget article {border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0;padding: 1em 0;display: grid; grid-template-columns: minmax(70px, 70px) 1fr; grid-template-rows: 1fr; gap: 0 1rem; grid-template-areas: "post-thumbnail entry-header"; } .agenda-widget article .post-thumbnail{padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;border-radius: .5em;} .agenda-widget article .entry-title h3{margin:0;} @media screen and (min-width: 65em) {/* = or > 1040px */ .agenda-widget, .a_propos-widget{padding: 0;} } .page-template-tp-les_activites_de_la_mjc .archive-activite{display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; gap: 2em 2em;padding: 2rem 5%;} .archive-activite article {display: grid;grid-template-columns: minmax(100px, 20%) 1fr;grid-template-rows: 1fr;gap: 0 1em;border-radius:1em;} .archive-activite article .post-thumbnail{border-radius: 1em;} .archive-activite article .post-content{padding: 0 2em 0 0;} .archive-activite article .entry-header{padding: 0;} .archive-activite article .entry-title{} .archive-activite article .entry-content{padding: 0;} .archive-activite article .entry-meta{} @media screen and (min-width: 45em) {/* = or > 1040px */ .page-template-tp-les_activites_de_la_mjc .archive-activite{grid-template-columns: 1fr 1fr 1fr;background:rgba(0, 0, 0,.05);} .archive-activite article {grid-template-columns: 1fr;grid-template-rows: auto;align-content: start;gap: 0 1em;background:rgb(255, 255, 255);box-shadow:0px 0px 7px 1px rgba(0,0,0,0.15);} .archive-activite article .post-thumbnail{border-radius: 1em 1em 0 0;} .archive-activite article .post-content{padding: 1.5em 2em 2em;} } /* a_propos-widget ------------------------------------------------------------------------------------ */ .a_propos-widget{border-top:1px solid rgba(0,0,0,0.1);padding-top:2em;} /* page-agenda ------------------------------------------------------------------------------------ */ .page-agenda {display:grid;padding: 0 4%;margin: 1rem 0;} .page-agenda h2{margin-bottom: 1rem;margin-left: 2rem;} .page-agenda .fa-bell {margin-left: -2rem;} .page-agenda article {border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0;padding: 1em 0;display: grid; grid-template-columns: minmax(70px, 70px) 1fr; grid-template-rows: 1fr; gap: 0 1rem; grid-template-areas: "post-thumbnail entry-header"; } .page-agenda article .post-thumbnail{padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;border-radius: .5em;} .page-agenda article .entry-title h3{margin:0;} /* index-content ------------------------------------------------------------------------------------ */ /* -------------------------------------------------------- */ /* Grid area names */ /* -------------------------------------------------------- */ /* Grid area names | site-main article --------------------------------------- */ .index-focus article .post-thumbnail { grid-area: post-thumbnail; border-radius: 1em;} .index-focus article .entry-header { grid-area: entry-header; } /* -------------------------------------------------------- */ /* Template for 10 articles | Mobile */ /* -------------------------------------------------------- */ .index-focus {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap:1rem 0;} .home .site-content h1 {font-size: 2.4rem;text-align: center;margin: 1rem auto 3rem;border-bottom: 4px solid rgb(255, 150, 125);padding: 1rem;text-transform: uppercase;letter-spacing: -.05rem;border-radius: 1rem;} /* -------------------------------------------------------- */ /* Articles display */ /* -------------------------------------------------------- */ .index-focus article {display:grid;grid-column: 1/span 6;} @media screen and (min-width: 480px){ .index-focus {gap:1rem;} .index-focus article:nth-child(odd) {grid-column: 1/span 3;} .index-focus article:nth-child(even) {grid-column: 4/span 3;} } @media screen and (min-width: 768px){ .index-focus {gap:1rem 2rem;} .index-focus article:nth-child(1) {grid-column: 1/span 3;grid-row: 1/span 3;} .index-focus article:nth-child(-n + 4):not(:nth-child(1)) {grid-column: 4/span 3;} .index-focus article:nth-child(n+5) {grid-column: span 2;} } .index-focus article{ display: grid; grid-template-columns: minmax(100px, 20%) 1fr; /* Image size = 150px minimum and 30% maximum + Entry = 1fr */ grid-template-rows: 1fr; gap: 0 1rem; grid-template-areas: "post-thumbnail entry-header"; } .index-focus article:nth-child(1) { grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 1rem 0; grid-template-areas: "post-thumbnail" "entry-header"; } @media screen and (min-width: 480px){ .index-focus article { grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 1rem 0; grid-template-areas: "post-thumbnail" "entry-header"; } } @media screen and (min-width: 768px){ .index-focus article:nth-child(-n + 4):not(:nth-child(1)) { grid-template-columns: minmax(100px, 20%) 1fr; /* Image size = 150px minimum and 30% maximum + Entry = 1fr, only on the 2nd to 4th article */ grid-template-rows: 1fr; gap: 0 1rem; grid-template-areas: "post-thumbnail entry-header"; } .index-focus article:nth-child(n+5){ grid-template-columns: 1fr; /* Image size = 100% only on the 5th to 10th article */ grid-template-rows: auto 1fr; gap: 1rem 0; grid-template-areas: "post-thumbnail" "entry-header"; } } .index-focus article .entry-title {font-size:1.4em;margin-bottom: 0;line-height: 1.4;} .index-focus article .entry-title a{color:rgba(61,169,252,1);} .index-focus article .entry-title a:hover{color:rgb(255, 150, 125)} .index-focus article .entry-meta {font-weight:normal;color:rgba(0,0,0,.4);} /* -------------------------------------------------------- */ /* .post-thumbnail */ /* -------------------------------------------------------- */ .post-thumbnail {height: 0;overflow: hidden;padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;background: rgba(0,0,0,.05);position: relative;} .post-thumbnail a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .post-thumbnail img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .index-focus article:nth-child(1) .post-thumbnail {padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;} @media screen and (min-width: 480px){ .post-thumbnail {padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;} } @media screen and (min-width: 768px){ .post-thumbnail {padding-top: 56.25% /* 16/9 aspect ration ((9/16)*100%=56,25%) */;} .index-focus article:nth-child(1) .post-thumbnail {padding-top: 56.25% /* 16/9 aspect ration ((9/16)*100%=56,25%) */;} .index-focus article:nth-child(2) .post-thumbnail, .index-focus article:nth-child(3) .post-thumbnail, .index-focus article:nth-child(4) .post-thumbnail{padding-top: 100% /* 1/1 aspect ration ((1/1)*100%=100%) */;} } /* Placeholder for the website logo when there is no image */ html .post-thumbnail a::before{ content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: url(images/logo-mjc_cdf_b&w.svg) no-repeat center center /70%; opacity:.3;} html.theme-dark .post-thumbnail a::before{opacity:.1;} /* The Events Calendar ------------------------------------------------------------------------------------ */ .tribe-events-event-meta {padding:20px 0 0 0;} /* The Events Calendar Shortcode ------------------------------------------------------------------------------------ */ ul.ecs-event-list{float: left;list-style-type: none; margin: 0 0 20px;clear:both;} ul.ecs-event-list li{clear:both;width:100%;float:left;padding:2%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} ul.ecs-event-list li:nth-of-type(odd) {background-color:#f5f5f5;} ul.ecs-event-list li:nth-of-type(even) {background-color:#fff;} ul.ecs-event-list li img{width:15%;float:left;margin:0 3% 0 0;} ul.ecs-event-list li h4.entry-title{width:82%;float:left;clear:right;margin: 0 0 10px 0;padding: 0;letter-spacing:0;font-size:1.2em;} ul.ecs-event-list li span.time{width:82%;float:left;clear:right;} ul.ecs-event-list li p.ecs-excerpt{width:82%;float:left;clear:right;margin:0;} /** * 11.3 - Post Formats */ .format-aside .entry-title,.format-image .entry-title,.format-video .entry-title,.format-quote .entry-title,.format-gallery .entry-title,.format-status .entry-title,.format-link .entry-title,.format-audio .entry-title,.format-chat .entry-title{font-size:19px;font-size:1.1875rem;line-height:1.473684211;margin-bottom:1.473684211em; text-transform: uppercase;} .blog .format-status .entry-title,.archive .format-status .entry-title{display:none} /** * 11.4 - Comments */ .comments-area{margin:0 0 3.5em 0;} .comment-list + .comment-respond,.comment-navigation + .comment-respond{padding-top:1.75em} .comments-title,.comment-reply-title{border-top:4px solid #555;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:23px;font-size:1.4375rem;font-weight:700;line-height:1.3125;padding-top:1.217391304em} .comments-title{margin-bottom:1.217391304em} .comment-list{list-style:none;margin:0} .comment-list article,.comment-list .pingback,.comment-list .trackback{border-top:1px solid #d1d1d1;padding:1.75em 0} .comment-list .children{list-style:none;margin:0} .comment-list .children > li{padding-left:.875em} .comment-author{color:#555;margin-bottom:.4375em} .comment-author .avatar{float:left;height:28px;margin-right:.875em;position:relative;width:28px} .bypostauthor > article .fn:after{content:"\f304";left:3px;position:relative;top:5px} .comment-metadata,.pingback .edit-link{color:#686868;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;line-height:1.5} .comment-metadata{margin-bottom:2.1538461538em} .comment-metadata a,.pingback .comment-edit-link{color:#686868} .comment-metadata a:hover,.comment-metadata a:focus,.pingback .comment-edit-link:hover,.pingback .comment-edit-link:focus{color:rgba(61,169,252,1)} .comment-metadata .edit-link,.pingback .edit-link{display:inline-block} .comment-metadata .edit-link:before,.pingback .edit-link:before{content:"\002f";display:inline-block;opacity:.7;padding:0 .538461538em} .comment-content ul,.comment-content ol{margin:0 0 1.5em 1.25em} .comment-content li > ul,.comment-content li > ol{margin-bottom:0} .comment-reply-link{border:1px solid #d1d1d1;border-radius:2px;color:rgba(61,169,252,1);display:inline-block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;line-height:1;margin-top:2.1538461538em;padding:.5em .5em .4615384615em} .comment-reply-link:hover,.comment-reply-link:focus{border-color:currentColor;color:rgba(61,169,252,1);outline:0} .comment-form{padding-top:1.75em} .comment-form label{color:#686868;display:block;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;letter-spacing:.076923077em;line-height:1.5;margin-bottom:.5em;text-transform:uppercase} .comment-list .comment-form{padding-bottom:1.75em} .comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags{color:#686868;font-size:13px;font-size:.8125rem;line-height:1.5;margin-bottom:2.1538461538em} .no-comments{border-top:1px solid #d1d1d1;font-family:Montserrat,"Helvetica Neue",sans-serif;font-weight:700;margin:0;padding-top:1.75em} .comment-navigation + .no-comments{border-top:0;padding-top:0} .form-allowed-tags code{font-family:Inconsolata,monospace} .form-submit{margin-bottom:0} .required{color:rgba(61,169,252,1);font-family:Noto Sans, Helvetica,sans-serif;} .comment-reply-title small{font-size:100%} .comment-reply-title small a{border:0;float:right;height:32px;overflow:hidden;width:26px;} .comment-reply-title small a:hover,.comment-reply-title small a:focus{color:#555;} .comment-reply-title small a:before{content:"\f405";font-size:32px;position:relative;top:-5px;} /* 11.5 - Sidebar */ .sidebar {margin-bottom: 3.5em;padding: 1.6em 5%;background-color:#F5F5F5;width:100%;float:left;} .widget_search{float:left;} /* Ridiculously Responsive Social Sharing Buttons : https://www.kurtnoble.com/labs/rrssb/ --------------------- */ .rrssb-sidebar{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 40px;padding: 20px 0;} /** * 11.4 - wp-blocks */ .wp-block-image {margin:1rem 0;display: inline-block;} .wp-block-image .alignright {margin:1em 0 1em 1em!important;} .wp-block-image .alignleft {margin:1em 1em 1em 0!important;} .wp-block-image .aligncenter{margin:1em 0 1em 0!important;} .wp-container-core-group-layout-1.wp-container-core-group-layout-1{display: flex;flex-wrap: wrap!important;align-items: center;} .wp-container-core-group-layout-1 figure{margin: 1em;} .wp-block-gallery.has-nested-images figure.wp-block-image {margin: 0.4rem!important;} /* 11.6 - Footer */ .site-footer-container{width: 100%;background-color:rgba(5, 10, 60, 1);} .site-footer{margin: 0 auto;max-width: 1280px;position: relative;padding:30px 0;display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;} .site-footer .site-title{font-family:inherit;font-size:inherit;font-weight:400;} .site-footer .site-title:after{content:"\002f";display:inline-block;font-family:Montserrat,sans-serif;opacity:.7;padding:0 .307692308em 0 .538461538em} .site-info-nav{display: flex;flex-direction: column;padding: 0 2em;} .site-info-nav .menu-footer-container ul{list-style: none;} .site-info-contact{display: flex;flex-direction: column;padding: 0 2em;} .site-info-contact h2{margin:5px 0 5px 0;} .site-info-contact p{margin:0;} .site-info-contact button{margin:10px 0;} .site-info-contact .social-navigation ul{display:flex;justify-content:center;} @media screen and (min-width: 65em) {/* = or > 880px */ .site-footer{flex-direction: row;} .site-info-contact{} .site-info-contact .social-navigation ul{display:flex;justify-content:left;} } /* 12.0 - Media */ .avatar{border-radius:50%} .entry-content .wp-smiley,.entry-summary .wp-smiley,.comment-content .wp-smiley,.textwidget .wp-smiley{border:none;margin-top:0;margin-bottom:0;padding:0} .entry-content a img,.entry-summary a img,.comment-content a img,.textwidget a img{display:block} /* Make sure embeds and iframes fit their containers. */ embed,iframe,object,video{margin-bottom:1.75em;width:100%;max-width:100%;vertical-align:middle} p > embed,p > iframe,p > object,p > video{margin-bottom:0} .entry-content .wp-audio-shortcode a,.entry-content .wp-playlist a{box-shadow:none} .wp-audio-shortcode,.wp-video,.wp-playlist.wp-audio-playlist{margin-top:0;margin-bottom:1.75em} .wp-playlist.wp-audio-playlist{padding-bottom:0} .wp-playlist .wp-playlist-tracks{margin-top:0} .wp-playlist-item .wp-playlist-caption{border-bottom:0;padding:.7142857143em 0} .wp-playlist-item .wp-playlist-item-length{top:.7142857143em} /* 12.1 - Captions */ .wp-caption {margin-bottom: 1.75em;max-width: 100%;} .wp-caption img[class*="wp-image-"] {display: block;margin: 0;} .wp-caption .wp-caption-text {color: #686868;font-size: 13px;font-size: 0.8125rem;font-style: italic;line-height: 1.5;padding-top: 0.5em;} img.attachment-post-thumbnail{width:100%;} .post_thumbnail_description{border-radius: 50% 0 0;bottom: 0;color: #fff;padding: 10px;position: absolute;right: 0; background-color:rgba(110,198,215,0.2);transition: background-color .2s ease-in;outline:none!important;} .post_thumbnail_description i{color: rgba(255,255,255,0.5);transition: background-color .2s ease-in;} .post_thumbnail_description:hover, .post_thumbnail_description:active, .post_thumbnail_description:focus{background-color:rgba(110,198,215,0.8);} .post_thumbnail_description:hover i, .post_thumbnail_description:active i, .post_thumbnail_description:focus i{color: rgba(255,255,255,1);} /*-------------------------------------------------------------- 10. Galleries --------------------------------------------------------------*/ .wp-block-gallery {display: flex;flex-wrap: wrap;margin: 1rem 0 2rem 0;} .wp-block-gallery figure {height: 16vh;flex-grow: 1;margin: 0.5vmin;} .wp-block-gallery figure:last-child {/* There's no science in using "10" here. In all my testing, this delivered the best results. */flex-grow: 10;} .wp-block-gallery figure a {} .wp-block-gallery figure a img {width: 100%;max-height: 100%;min-width: 100%;object-fit: cover;vertical-align: bottom;border-radius: 1vmin;} /* ADVANCED */ /* Portrait */ @media (max-aspect-ratio: 1/1) { .wp-block-gallery figure {height: 12vh;} } /* Short screens */ @media (max-height: 480px) { .wp-block-gallery figure {height: 32vh;} } /* Smaller screens in portrait */ @media (max-aspect-ratio: 1/1) and (max-width: 480px) { .wp-block-gallery {flex-direction: row;} .wp-block-gallery figure {height: auto;width: 100%;} .wp-block-gallery img {width: 100%;max-height: 75vh;min-width: 0;} } /** * 12.3 - Owl Carousel */ /* * Carousel */ /* clearfix */ /** * 13.0 - Multisites */ .widecolumn{margin-bottom:3.5em;padding:0} .widecolumn .mu_register{width:auto} .widecolumn .mu_register .mu_alert{background:transparent;border-color:#d1d1d1;color:inherit;margin-bottom:3.5em;padding:1.75em} .widecolumn form,.widecolumn .mu_register form{margin-top:0} .widecolumn h2{font-size:23px;font-size:1.4375rem;font-weight:900;line-height:1;margin-bottom:1em} .widecolumn p{margin:1.75em 0} .widecolumn p + h2{margin-top:2.5em} .widecolumn label,.widecolumn .mu_register label{color:#686868;font-family:Montserrat,"Helvetica Neue",sans-serif;font-size:13px;font-size:.8125rem;font-weight:400;letter-spacing:.076923077em;line-height:1.5;text-transform:uppercase} .widecolumn .mu_register label{margin:2.1538461538em .8em .5em 0} .widecolumn .mu_register label strong{font-weight:400} .widecolumn #key,.widecolumn .mu_register #blog_title,.widecolumn .mu_register #user_email,.widecolumn .mu_register #blogname,.widecolumn .mu_register #user_name {font-size: 16px;font-size: 1rem;width: 100%;} .widecolumn .mu_register #blogname {margin: 0;} .widecolumn .mu_register #blog_title,.widecolumn .mu_register #user_email,.widecolumn .mu_register #user_name {margin: 0 0 0.375em;} .widecolumn #submit,.widecolumn .mu_register input[type="submit"] {font-size: 16px;font-size: 1rem;margin: 0;width: auto;} .widecolumn .mu_register .prefix_address,.widecolumn .mu_register .suffix_address {font-size: inherit;} .widecolumn .mu_register > :last-child,.widecolumn form > :last-child {margin-bottom: 0;} /** * 14.0 - Media Queries */ /** * Does the same thing as , but in the future W3C standard way. -ms- prefix is required for IE10+ to render responsive styling in Windows 8 "snapped" views; IE10+ does not honor the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport {width: device-width;} @viewport {width: device-width;} /** * 14.1 */ @media screen and (min-width: 40em) { body{} body:not(.custom-background-image):before,body:not(.custom-background-image):after {background: inherit;content: "";display: block;left: 0;position: fixed;width: 100%;z-index: 99;} body:not(.custom-background-image):before {top: 0;} body:not(.custom-background-image).admin-bar:before {top: 46px;} body:not(.custom-background-image):after {bottom: 0;} .site-main {margin-bottom: 0;} .site-header {padding: 3.9375em 0;} .site-branding {margin-top: 1.3125em;margin-bottom: 1.3125em;} .site-title {font-size: 28px;font-size: 1.75rem;line-height: 1.25;} .site-description{display:block} .site-header-menu{margin: 0} .site-header .navbar + .social-navigation{margin-top:2.625em} .site-header-container{max-height:500px;overflow:hidden;} .header-image{margin:1.3125em 0} .pagination{width:96%;margin:0 auto 4em auto} .post-navigation{margin-bottom:5.25em} .post-navigation .post-title{font-size:28px;font-size:1.75rem;line-height:1.25} /* restore screen-reader-text */ .pagination .current .screen-reader-text {position: absolute !important;} .pagination .page-numbers {display: inline-block;} .site-main > article {margin-bottom: 2em;} .entry-content blockquote.alignleft,.entry-content blockquote.alignright{border-width:4px 0 0;padding:.9473684211em 0 0;width:calc(50% - 0.736842105em)} .entry-content blockquote:not(.alignleft):not(.alignright),.entry-summary blockquote,.comment-content blockquote {margin-left: -1.473684211em;} .entry-content blockquote blockquote:not(.alignleft):not(.alignright),.entry-summary blockquote blockquote,.comment-content blockquote blockquote {margin-left: 0;} .entry-content li > ul,.entry-summary li > ul,.comment-content li > ul,.entry-content blockquote > ul,.entry-summary blockquote > ul,.comment-content blockquote > ul{margin-left:1.25em} .entry-content li > ol,.entry-summary li > ol,.comment-content li > ol,.entry-content blockquote > ol,.entry-summary blockquote > ol,.comment-content blockquote > ol{margin-left:1.5em} .comment-author{margin-bottom:0} .comment-author .avatar{height:42px;position:relative;top:.25em;width:42px} .comment-list .children > li{padding-left:1.75em} .comment-list + .comment-respond,.comment-navigation + .comment-respond{padding-top:3.5em} .comments-area,.widget,.content-bottom-widgets .widget-area{margin-bottom:5.25em} .sidebar,.widecolumn{margin-bottom:5.25em;} body:not(.search-results) .entry-summary li > ul,body:not(.search-results) .entry-summary blockquote > ul{margin-left:1.157894737em} body:not(.search-results) .entry-summary li > ol,body:not(.search-results) .entry-summary blockquote > ol{margin-left:1.473684211em} /* archive-content ------------------------------------------------------------------------------------ */ /* grid1 */ .archive-content .page-header{padding: 0 2%;} .archive-content article{width:31.33%;float:left;padding: 0;margin: 1%;border-top: 1px none transparent; border-radius: 5px;} .archive-content article:nth-of-type(even) {background-color:transparent;} .archive-content article:nth-of-type(3n+1){clear:both;} .archive-content article .post-img{width:100%;float:left;} .archive-content article .post-img img{width:100%;} .archive-content article .post-title{width:100%;padding: 0;float:left;} .archive-content article .post-title h3{margin:0.6em 0 0;} .archive-content article .post-title h3.entry-title{font-size: 1.5rem;line-height: 1em;text-transform: uppercase;} .archive-content article .post-excerpt{width:100%;padding:0;display:block; float: left;margin-top: 10px;border-top: 1px dotted #ccc;margin-top: 5px;padding: 10px 0 0;} .archive-content .edit-link{padding: 0;} .archive-content .fa{font-size: 0.8rem;background: rgba(61,169,252,1) none repeat scroll 0 0;} .activity_info{font-size: 1rem;line-height: 1em;clear: both;float: left;width: 100%;padding: 4px 0;} .activity_info-text{clear: right;float: right;width: calc(100% - 32px - 1rem);line-height: 1.2em;margin-top: 4px;} } /** * 14.2 */ @media screen and (min-width: 65em) { .site-header {align-items: flex-start;} .site-header-menu {display: block;flex: 0 1 auto;} .site-content {padding: 2em 2%;} .content-area {float: left;width: 100%;} .index-featured_content{float: left;width: 60%;padding:2%;} .agenda-widget, .a_propos-widget{float: left; margin: 2%;width: 36%;padding: 1rem 0 0 0;} .content-area {float: left;width: 60%;padding:2em 0;} .sidebar{width:40%;padding:1.6em 2%;} .widget button,.widget input,.widget select,.widget textarea{} .widget button,.widget input[type="button"],.widget input[type="reset"],.widget input[type="submit"] {} .widget input[type="text"],.widget input[type="email"],.widget input[type="url"],.widget input[type="password"],.widget input[type="search"],.widget input[type="tel"],.widget input[type="number"],.widget textarea {} .widget .alignleft{margin:.23em 1.5em 1.5em 0} .widget .alignright{margin:.23em 0 1.5em 1.5em} .widget .aligncenter{margin-bottom:1.5em} .widget_calendar td,.widget_calendar th{line-height:2.69;padding:0} .widget_rss .rssSummary:last-child{margin-bottom:1.6em} .widget input[type="search"].search-field {width: calc(100% - 35px);} .widget .search-submit:before {font-size: 16px;left: 1px;line-height: 35px;width: 34px;} .widget button.search-submit{padding:0;width:35px} .tagcloud a{margin:0 .23em .5em 0;padding:.5em .46em .46em} .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1){float:left;margin-right:7.1428571%;width:46.42857145%} .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type{margin-right:0} .site-footer .social-navigation{margin:0;} .site-info{margin:.538461538em auto .538461538em 0;order:1} .no-sidebar.content-area{float:none;margin:0;width:100%} .format-aside .entry-title,.format-image .entry-title,.format-video .entry-title,.format-quote .entry-title,.format-gallery .entry-title,.format-status .entry-title,.format-link .entry-title,.format-audio .entry-title,.format-chat .entry-title{} .author-info{border-bottom-width:0;padding-bottom:0} body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta{margin-left:-40%;width:calc(60% - 1.4736842105em)} body:not(.search-results) article:not(.type-page) img.below-entry-meta,body:not(.search-results) article:not(.type-page) figure.below-entry-meta{clear:both;display:block;float:none;margin-right:0;margin-left:-40%;max-width:140%} body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,body:not(.search-results) article:not(.type-page) table img.below-entry-meta{margin:0;max-width:100%} body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after{display:none} .single .byline,.full-size-link,body:not(.search-results).group-blog .byline,body:not(.search-results) .entry-format,body:not(.search-results) .cat-links,body:not(.search-results) .tags-links,body:not(.search-results) article:not(.sticky) .posted-on,body:not(.search-results) article:not(.type-page) .comments-link,body:not(.search-results) article:not(.type-page) .entry-footer .edit-link{display:block;margin-bottom:.5em} body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child{margin-bottom:0} } /** * 14.3 - >= 1280px (1em = 16px) */ @media screen and (min-width: 80em) { body:not(.search-results) .entry-summary{font-size:23px;font-size:1.4375rem;line-height:1.5;margin-bottom:1.826086957em} body:not(.search-results) .entry-header + .entry-summary{margin-top:-.9em} body:not(.search-results) .entry-summary p,body:not(.search-results) .entry-summary address,body:not(.search-results) .entry-summary hr,body:not(.search-results) .entry-summary ul,body:not(.search-results) .entry-summary ol,body:not(.search-results) .entry-summary dl,body:not(.search-results) .entry-summary dd,body:not(.search-results) .entry-summary table{margin-bottom:1.5em} body:not(.search-results) .entry-summary li > ul,body:not(.search-results) .entry-summary blockquote > ul{margin-left:.1em} body:not(.search-results) .entry-summary li > ol,body:not(.search-results) .entry-summary blockquote > ol{margin-left:1.5em} body:not(.search-results) .entry-summary blockquote{font-size:23px;font-size:1.4375rem;line-height:1.5;margin:0 0 1.5em;padding-left:1.3em} body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright){margin-left:-1.5em} body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright){margin-left:0} body:not(.search-results) .entry-summary blockquote cite,body:not(.search-results) .entry-summary blockquote small{font-size:19px;font-size:1.1875rem;line-height:1.8421052632} body:not(.search-results) .entry-summary th,body:not(.search-results) .entry-summary td{padding:.3em} body:not(.search-results) .entry-summary pre{font-size:16px;font-size:1rem;line-height:1.5;margin-bottom:1.75em;padding:1.75em} body:not(.search-results) .entry-summary fieldset{margin-bottom:1.5em;padding:.3em} body:not(.search-results) .entry-summary h1{margin-top:2em;margin-bottom:1em} body:not(.search-results) .entry-summary h2{margin-top:2.5em;margin-bottom:1.25em} body:not(.search-results) .entry-summary h3{margin-top:3em;margin-bottom:1.5em} body:not(.search-results) .entry-summary h4,body:not(.search-results) .entry-summary h5,body:not(.search-results) .entry-summary h6{margin-top:3.684210526em;margin-bottom:1.842105263em} body:not(.search-results) .entry-summary h1:first-child,body:not(.search-results) .entry-summary h2:first-child,body:not(.search-results) .entry-summary h3:first-child,body:not(.search-results) .entry-summary h4:first-child,body:not(.search-results) .entry-summary h5:first-child,body:not(.search-results) .entry-summary h6:first-child{margin-top:0} body:not(.search-results) .entry-summary .alignleft{margin:.3em 1.5em 1.5em 0} body:not(.search-results) .entry-summary .alignright{margin:.3em 0 1.5em 1.5em} body:not(.search-results) .entry-summary .aligncenter{margin-bottom:1.5em} } /** * 15.0 - Print */ @media print { form, button, input, select, textarea, .navigation, .navbar, .social-navigation, .sidebar, .content-bottom-widgets, .header-image, .page-links, .edit-link, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link{display:none} body,blockquote cite,blockquote small,pre,.entry-content h4,.entry-content h5,.entry-content h6,.entry-summary h4,.entry-summary h5,.entry-summary h6,.comment-content h4,.comment-content h5,.comment-content h6,.entry-content .author-title{font-size:12pt} blockquote{font-size:14.25pt} .site-title,.page-title,.comments-title,.entry-content h2,.entry-summary h2,.comment-content h2,.widecolumn h2{font-size:17.25pt} .site-description{display:block} .entry-title{font-size:24.75pt;line-height:1.3;margin-bottom:1.7em} .format-aside .entry-title,.format-image .entry-title,.format-video .entry-title,.format-quote .entry-title,.format-gallery .entry-title,.format-status .entry-title,.format-link .entry-title,.format-audio .entry-title,.format-chat .entry-title{font-size:17.25pt;line-height:1.304347826;margin-bottom:1.826086957em} .entry-content h1,.entry-summary h1,.comment-content h1{font-size:21pt} .entry-content h3,.entry-summary h3,.comment-content h3,body:not(.search-results) .entry-summary{font-size:14.25pt} .site-description, .author-bio, .entry-footer, .sticky-post, .taxonomy-description, .entry-caption, .comment-metadata, .comment-notes, .comment-awaiting-moderation, .site-info, .wp-caption .wp-caption-text, .gallery-caption{font-size:9.75pt} body {margin: 5%; background: none !important; /* Brute force since user agents all print differently. */} body,blockquote cite,blockquote small,.site-branding .site-title a,.entry-title a,.comment-author {color: #555 !important; /* Make sure color schemes don't affect to print */} blockquote,.page-header,.comments-title {border-color: #555 !important; /* Make sure color schemes don't affect to print */} blockquote,.site-description,body:not(.search-results) .entry-summary,body:not(.search-results) .entry-summary blockquote,.author-bio,.entry-footer,.entry-footr a,.sticky-post,.taxonomy-description,.entry-caption,.comment-author,.comment-metadata a,.comment-notes,.comment-awaiting-moderation,.site-info,.site-info a,.wp-caption .wp-caption-text,.gallery-caption {color: #686868 !important; /* Make sure color schemes don't affect to print */} code,hr {background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */} pre,abbr,acronym,table,th,td,.author-info,.comment-list article,.comment-list .pingback,.comment-list .trackback,.no-comments {border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */} a {color: rgba(61,169,252,1) !important; /* Make sure color schemes don't affect to print */} .entry-content a,.entry-summary a,.taxonomy-description a,.comment-content a,.pingback .comment-body > a {box-shadow: none;border-bottom: 1px solid rgba(61,169,252,1) !important; /* Make sure color schemes don't affect to print */} .site-header {padding: 0 0 1.75em;} .site-branding {margin-top: 0;margin-bottom: 1.75em;} .site-main {margin-bottom: 3.5em;} .entry-header,.entry-footer,.page-header,.page-content,.entry-content,.entry-summary,.post-thumbnail,.comments-area{margin-right:0;margin-left:0} .post-thumbnail,.site-main > article{margin-bottom:3.5em} .entry-content blockquote.alignleft,.entry-content blockquote.alignright{border-width:4px 0 0;padding:.9473684211em 0 0;width:calc(50% - 0.736842105em)} body:not(.search-results) .entry-header + .entry-summary{margin-top:-1.473684211em} .site-footer,.widecolumn{padding:0} }