/* Theme Name:Vincent Odon 2.0 -php8.4 Theme URI:http://www.vincentodon.com Description:Based on Basics Theme created by Atrabile Author:Monkey Do! + @Atrabile Author URI:http://www.atrabile.com Version:2.0 */ /* RESET */ html,body,bodydiv,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,nav,section,details,summary{display:block;} img,object,embed{width:100%;height:auto;display:block} #map img {max-width:none} html {overflow-y: scroll; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before,q:after {content: ''; content: none;} a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 0; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word; /* IE */} input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: middle;margin-left:5px;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font-size: 100%;} small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;text-transform: initial;} sup {top: -0.5em;} sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,input[type=button], input[type=submit], input[type=file], button {cursor: pointer;} button, input, select, textarea {margin: 0;} button,input[type=button] {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;} .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} *:focus {outline:0} .chromeframe {position:absolute; top:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} ::-moz-selection{background:#7f85b7; color:#fff; text-shadow:none;} ::selection {background:#7f85b7; color:#fff; text-shadow:none;} a:link {-webkit-tap-highlight-color:#444;} input:-moz-placeholder {color:#a9a9a9;} textarea:-moz-placeholder {color:#a9a9a9;} .clearfix {display: inline-block;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} * html .clearfix {height: 1%;}.clearfix {display: block;} /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ html, body {width:100%;height:100%} html {display:table;background:#eaeae9 } body {display:table-cell;vertical-align:middle;} body, select, input, textarea {font:14px Open Sans, sans-serif;font-weight:400;line-height:20px;color:#999999;} h1, h2, h3, h4, h5, h3 {position:relative;font-weight:normal;color:#999} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} input[type=text], input[type=password], input[type=tel], input[type=email], input[type=submit], textarea {font-size:12px;border:none;line-height:normal;} input[type=text], input[type=password], input[type=tel], input[type=email], textarea {background:#363633;color:#fff;padding:2px 6px} a {color:#999999;text-decoration:none;font-weight:400;text-shadow:1px 1px #fff} a:hover {color:#ff3333;} a {-webkit-transition:250ms linear all;-moz-transition:250ms linear all;transition:250ms linear all;} .left, .alignleft {float:left;left:0;} .right, .alignright {float:right;right:0;} .first {margin-left:0;} .menu-close, .site-navigation .home {display:none} .menu-trigger{display:none;position:absolute;z-index:200;top:0px;left:0px;width:100%;height:60px;/*background:url(library/images/menu.png) no-repeat 8px 8px;*/} /* >>>>>> And here begins the WordPress fun. */ #page {position:relative;width:950px;margin:0 auto;text-align:center} .container {position:relative;margin:0 auto;width:100%;max-width:100%} .container:before,.container:after {content:" ";display:table;line-height:0;clear:both} .qtranxs_language_chooser {display:inline-block;margin-left:10px} .qtranxs_language_chooser li {display:inherit} .qtranxs_language_chooser li.active {display:none} .qtranxs_language_chooser li a {padding-left:22px;background-position:0 9px} /* SITE HEADER */ .site-header{position:relative;background:url(library/images/line.png) no-repeat center bottom;} .site-title {position:relative;display:inline-block;} .site-title a {display:inherit;padding:10px} /* SITE NAVIGATION */ .site-navigation {position:absolute;top:17px} .site-navigation ul {} .site-navigation ul li {float:left;overflow:hidden;} .site-navigation ul li a {text-transform:uppercase;padding:5px} .site-navigation ul li:first-of-type a {padding-left:0} .site-navigation ul li:last-of-type a {padding-right:0} .site-navigation ul li a:hover {font-weight:600} .current-menu-item a {color:#ff3333;font-weight:600} .primary-navigation {left:0} .secondary-navigation {right:0} /* INDEX CONTENT */ .featured-content {position:relative;width:100%;margin:90px 0;} .featured-content .owl-controls {position:absolute;z-index:200;top:0;width:100%} .featured-content .owl-nav div {position:absolute;top:0;width:210px;height:367px;text-indent:-9999px;cursor:pointer} .featured-content .owl-next {background:url(library/images/next.png) no-repeat -22px 0;right: 0px;} .featured-content .owl-prev {background:url(library/images/previous.png) no-repeat 0 0;left: 0px;} /* .featured-content .disable {visibility: hidden;} .featured-content .overview {list-style: none;position:absolute;width:482px;left:0;top:0;} .featured-content .overview li {float:left;margin:0 20px 0 0;padding:1px;height:342px;width:482px;}*/ .featured-content .owl-item figure img{height:100%} /* ARCHIVE CONTENT */ .list-items {position:absolute;left:0;top:60px;text-align:left;} .list-items h2 {display:block} .list-items a {font-size:12px} .list-items a.current {color:#ff3333;font-weight:600} .list-items span {position:absolute;left:0} .list-items span a {text-indent:-9999px; display:block;height:30px;width:15px;} .list-items span.prev {bottom:-45px} .list-items span.prev a {background: url(library/images/list-prev-off.png) no-repeat 0 0;} .list-items span.next {top:-45px} .list-items span.next a {background: url(library/images/list-next-off.png) no-repeat 0 0;} .items-content {display:table;height:547px;width:100%;padding:30px 200px} .items-content-inner {display:table-cell;vertical-align:middle} .items-content-inner figure, .items-content-inner .item-video {position:relative;display:inline-block} .items-content-inner figure img {display:inline-block} .items-content-inner .item-description, .items-content-inner .item-video .item-description {position:absolute;left:100%;bottom:0;width:200px;text-align:left;padding-left:20px} .item-description, .item-video .item-description {font-style:italic;font-size:12px;font-weight:400;text-align:left;padding-left:20px} .item-title {color:#222222;font-size:13px;margin-bottom:5px} .item-commentary {line-height:16px} /* DOUBLE COLONNE FOR CV CONTENT */ .two-cols {float:left;padding:30px 0;} .two-cols > div {float:left;font-size:11px;line-height:15px;text-align:left;padding-right:20px;} .two-cols h2, .entry-scroll h2, .point-of-sale h2 {float:left;width:100%;font-size:18px;font-weight:600;margin-bottom:20px} .two-cols p {float:left;width:100%} .two-cols p + h2 {margin-top:40px} .two-cols .dynamic-col-2 {width:50%;} .two-cols .dynamic-col-2.col-2 {padding:0 0 0 20px;} .year {display:block;width:50px;height:21px;float:left} #entry-scroll {float:left;padding-top:30px;font-size:11px;line-height:18px;text-align:justify;width:38%;} .point-of-sale {overflow:hidden;float:left;width:60%;padding-top:30px;font-size:11px;line-height:16px;text-align:left;padding-left:19px;} .point-of-sale img {display:inline-block;width:initial;margin-right:10px} .point-of-sale > div {float:left} .point-of-sale h3 {display:block;font-size:16px;font-weight:600;margin-bottom:10px} .point-of-sale h4 {font-size:12px;font-weight:600;margin-bottom:5px} .point-of-sale ul {margin-bottom:30px} .point-of-sale ul li {margin-bottom:10px} .dynamic-col-3.col-1 {width:100%;margin-bottom:30px} .dynamic-col-3.col-2 {width:60%} .dynamic-col-3.col-3 {width:40%;padding-top:16px} .contact .col-1 {position:absolute} .contact .col-1 h4 {font-size:12px;font-weight:600;margin-bottom:10px;} .contact .col-2 {width:100%;padding:0;text-align:center} .contact .col-2 form {width:50%;margin:0 auto} .contact .col-2 form p {text-align:left;margin-bottom:8px} .contact .col-2 form input, .contact .col-2 form textarea {background:#999999;width:100%;border:1px solid #777;margin-top:3px;} .contact .col-2 form input:focus, .contact .col-2 form textarea:focus {background:#eaeae9;border:1px solid #555} .contact .col-2 form input[type=submit] {width:initial;float:right;color:#222} .contact .col-2 form input[type=submit]:hover {background:#ff3333;color:#fff;border:1px solid #fff} /* FOOTER CONTENT */ .site-footer {background:url(library/images/line.png) no-repeat center top;font-size:11px;} .site-footer a {display:inline-block;padding:5px 0} /* Print styles!*/ @media print { } /* Media queries!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing : subpixel-antialiased; } @media screen and (max-width:800px) { html, body {display:initial} #page {width:100%;} .desktop {display:none} .menu-trigger, .site-navigation .home{display:inline-block} .site-title a {padding-top:14px} .navigation{display:none;overflow:hidden;position:absolute;z-index:200;top:60px;width:100%;background:#dfdfdf url(library/images/line.png) no-repeat center bottom;;box-shadow:0 0 20px} .menu-close {width:24px;height:11px;background:url(library/images/menu-close.png) no-repeat 0 3px;margin:0 auto;} .site-navigation {position:relative;top:0} .site-navigation ul li {width:100%} .site-navigation ul li a {display:block;color:#666;padding:15px} .site-navigation ul li:first-of-type a {padding-left:15px} .site-navigation ul li:last-of-type a {padding-right:15px} .site-navigation ul li.current-menu-item a {color:#ff3333;} .items-content {padding:30px 50px} .site-footer {position:fixed;bottom:0;width:100%;background-color:#eaeae9} } @media screen and (max-width:400px) { .list-items {top:30px;margin-bottom:80px} .list-items h2 {float:left;width:100%} .list-items a {display:block;padding:5px 5px 5px 20px} .list-items figure {padding:0 40px;margin:10px 0} .list-items figure img {margin-bottom:10px} .list-items span {left:20px;} .list-items span.next {top:-35px;} .item-description, .item-video .item-description {padding-left:0px} .item-title {display:none} .two-cols p {margin-bottom:5px} .two-cols .dynamic-col-2 {width:100%;padding:0 20px;margin-bottom:40px} .two-cols .dynamic-col-2.col-2 {padding:0 20px;} #entry-scroll {width:100%;padding:30px 20px 0 20px} #entry-scroll .plain{max-height:initial} #entry-scroll .scrollbar-handle-container {display:none} .point-of-sale {width:100%} .point-of-sale ul {margin-bottom:0} .dynamic-col-3.col-2, .dynamic-col-3.col-3 {width:100%;} .dynamic-col-3.col-3 {margin-bottom:80px;} .contact .col-1 {position:relative} .contact .col-2 form {width:100%} #container {margin:10px 0 10px} .item-video {position:relative;padding-bottom:56.25%;/* 16:9 Aspect Ratio */padding-top:25px;height:0;} .item-video iframe {position:absolute;top: 0;left:0;width:100%!important;height:100%!important;} .item-video .item-description {display:none} }