| Server IP : 104.21.96.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/pontiacques.org/wp-content/themes/layerswp/assets/css/ |
Upload File : |
/*-
Description: This is the main Layers structure stylesheet.
Use this file as a reference for Custom CSS or to build
a child theme color scheme. Do not edit this file directly -
it is not loaded into the theme!!
Author: Obox Themes
Author URI: http://www.oboxthemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
-*/
/*-------------------------------*/
/*- RESET -----------------------*/
/*- http://richclarkdesign.com --*/
html, body, div, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style: none;}
body {line-height: 1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration: none;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;}
/*-------------------------------*/
/*- CLEARFIX --------------------*/
/*-------------------------------*/
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}
.row:before, .row:after{content: " "; display: table;}
.row:after{clear: both;}
.row{*zoom: 1;}
.button-group:before, .button-group:after{content: " "; display: table;}
.button-group:after{clear: both;}
.button-group{*zoom: 1;}
.form-row:before, .form-row:after{content: " "; display: table;}
.form-row:after{clear: both;}
.form-row{*zoom: 1;}
.title:before, .title:after{content: " "; display: table;}
.title:after{clear: both;}
.title{*zoom: 1;}
.story:before, .story:after{content: " "; display: table;}
.story:after{clear: both;}
.story{*zoom: 1;}
/*nav:before, nav:after{content: " "; display: table;}
nav:after{clear: both;}
nav{*zoom: 1;}*/
/*-------------------------------*/
/*- DEFAULTS --------------------*/
/*-------------------------------*/
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 62.5%;
overflow-x: hidden;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-overflow-scrolling: touch;
}
body{
overflow-x: hidden;
font-size: 1.5rem;
line-height: 1.5;
background-color: #454545;
color: rgba(0, 0, 0, 0.55);
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
color: rgba(0, 0, 0, 0.85);
font-weight: 400;
}
code{
display: inline;
padding: 4px 6px;
background-color: #eee;
color: #8f8f8f;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
}
pre{
padding: 20px 20px 0;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #323232;
font-size: 85%;
font-weight: 700;
font-family: "Courier New", Courier, monospace;
text-transform: initial;
}
strong{
font-weight: 700;
}
small{
color: rgba(0, 0, 0, 0.5);
font-size: 1.2rem;
}
a{
color: rgba(0, 0, 0, 0.75);
}
a:hover{
color: rgba(0, 0, 0, 1);
}
img{
max-width: 100%;
height: auto;
}
iframe,
embed,
object{
max-width: 100%;
}
.desktop-collapse{
display: none;
}
.cursor-clickable{
cursor: pointer;
}
.cursor-resizable{
cursor: ew-resize;
}
.cursor-grabable{
cursor: -webkit-grab;
cursor: -moz-grab;
}
.hide{
display: none;
}
.animate{
transition: all 0.2s ease-in-out;
}
.post-date{
display: block;
font-size: 1.2rem;
}
.excerpt{
word-wrap: break-word;
}
/*--------------------------------------------------------------*/
/*- ALL SCREENS ------------------------------------------------*/
/*--------------------------------------------------------------*/
/*---------------------------*/
/*- GRIDS -------------------*/
.grid{
display:-webkit-flex;
display: flex;
flex-flow: row;
flex-wrap: wrap;
position: relative;
}
.container .grid{
margin-left: -10px;
margin-right: -10px;
}
/*-----------------------*/
/*- COLUMN SETUP --------*/
[class*='column']{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
position: relative;
max-width: calc(100% - 20px);
}
.column-flush{
margin: 0;
position: relative;
max-width: 100%;
}
/*-----------------------*/
/*- FALLBACK ------------*/
.row .column{
float: left;
}
.layers-masonry-column .grid{
-webkit-flex-direction: column;
flex-direction: column;
}
.span-12{
min-width: calc(((100% / 12) * 12) - 20px);
width: calc(100% - 20px);
}
.column-flush.span-12{
min-width: calc((100% / 12) * 12);
width: 100%;
}
.middled,
.row .column.middled{
float: none;
margin: auto;
}
.no-gutter{
margin-right: 0 !important;
}
/*---------------------------*/
/*- MASONRY -----------------*/
.container.list-masonry{
max-width: 1040px;
padding: 0 10px;
position: relative;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 0;
}
.container.list-masonry .grid.loaded > *:not(.masonry-loading){
opacity: 1;
}
.container.list-masonry .masonry-loading{
width: 48px;
height: 48px;
margin: -25px 0 0 -25px;
position: absolute;
left: 50%;
top: 50px;
background: rgba(0, 0, 0, 0.7) url(images/spinner.gif) no-repeat center center;
border-radius: 100%;
overflow: hidden;
opacity: 0;
}
.list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}
.list-masonry .column{
margin-left: 0;
margin-right: 0;
}
.container-full-width.list-masonry .grid{
margin-left: 0px;
margin-right: 0px;
}
/*-------------------------------*/
/*- CONTENT CONTAINERS ----------*/
/*---------------------------*/
/*- WRAPPERS ----------------*/
#wrapper-site,
.wrapper-site{
width: 100%;
position: relative;
left: 0;
top: 0;
transition: left 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0.1s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
z-index: 2;
opacity: 1;
}
.wrapper-content{
position: relative;
}
/*---------------------------*/
/*- CONTAINER ---------------*/
.container{
max-width: 1040px;
margin: auto;
padding: 0 20px;
}
.wrapper-site.container{
max-width: 1140px;
}
/*---------------------------*/
/*- CONTENT PADDING ---------*/
.content{
padding: 20px;
}
.content-main{
padding: 6% 20px;
}
.content-small{
padding: 10px;
}
.content-large{
padding: 3%;
}
.content-extra-large{
padding: 4%;
}
.content-massive{
padding: 6%;
}
/*---------------------------*/
/*- VERTICAL PADDING --------*/
.content-vertical{
padding-top: 2%;
padding-bottom: 2%;
}
.content-vertical-large{
padding-top: 3%;
padding-bottom: 3%;
}
.content-vertical-extra-large{
padding-top: 4%;
padding-bottom: 4%;
}
.content-vertical-massive{
padding-top: 6%;
padding-bottom: 4%;
}
.inset-top{
padding-top: 2%;
}
.inset-top-small{
padding-top: 1%;
}
.inset-top-medium{
padding-top: 3%;
}
.inset-top-large{
padding-top: 6%;
}
.inset-bottom{
padding-bottom: 2%;
}
.inset-bottom-small{
padding-bottom: 1%;
}
.inset-bottom-medium{
padding-bottom: 3%;
}
.inset-bottom-large{
padding-bottom: 6%;
}
/*---------------------------*/
/*- CLEAR PADDING -----------*/
.no-inset{
padding: 0;
}
.no-inset-top{
padding-top: 0;
}
.no-inset-bottom{
padding-bottom: 0;
}
/*---------------------------*/
/*- FLOATS AND CLEARS -------*/
.pull-left{
float: left;
}
.column .pull-right,
.column.pull-right{
order: 2;
}
.pull-right{
float: right;
}
.clearit{
clear: both;
}
.image-left{}
.image-right{}
.image-top{}
/*-------------------------------*/
/*- ALIGNMENT & SPACING ---------*/
/*---------------------------*/
/*- VERTICAL MARGIN ---------*/
.push-top{
margin-top: 2%;
}
.push-top-small{
margin-top: 1%;
}
.push-top-medium{
margin-top: 3%;
}
.push-top-large{
margin-top: 6%;
}
.push-bottom{
margin-bottom: 2%;
}
.push-bottom-small{
margin-bottom: 1%;
}
.push-bottom-medium{
margin-bottom: 3%;
}
.push-bottom-large{
margin-bottom: 6%;
}
/*---------------------------*/
/*- HORIZONTAL MARGIN ---------*/
.push-left{
margin-left: 2%;
}
.push-left-small{
margin-left: 1%;
}
.push-left-medium{
margin-left: 3%;
}
.push-left-large{
margin-left: 6%;
}
.push-right{
margin-right: 2%;
}
.push-right-small{
margin-right: 1%;
}
.push-right-medium{
margin-right: 3%;
}
.push-right-large{
margin-right: 6%;
}
/*---------------------------*/
/*- CLEAR MARGIN ------------*/
.no-push{
margin: 0;
}
.no-push-bottom{
margin-bottom: 0;
}
.no-push-right{
margin-right: 0;
}
/*-------------------------------*/
/*- DEFINE ----------------------*/
.define{
border: 1px solid rgba(0, 0, 0, 0.1);
}
.define-top{
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.define-bottom{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/*-------------------------------*/
/*- HEADERS ---------------------*/
.header-site{
background-color: #f3f3f3;
background-position: center;
background-repeat: no-repeat;
position: relative;
z-index: 5;
}
.header-site .container,
.header-site > .header-block{
display: -webkit-flex;
-webkit-flex-wrap: nowrap;
-webkit-align-items: center;
-webkit-justify-content: space-between;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.header-site .container{
padding: 10px;
}
/*---------------------------*/
/*- NAV DISPLAY -------------*/
.nav-horizontal ul{
display: none;
}
/*---------------------------*/
/*- RESPONSIVE BUTTON -------*/
.responsive-nav{
padding: 0;
margin: 0 0 0 20px;
cursor: pointer;
}
.responsive-nav .l-menu{
display: block;
font-size: 24px;
line-height: 40px;
color: #454545;
}
/*---------------------------*/
/*- DEFAULT ALIGNMENT -------*/
.header-site nav{
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-align-items: center;
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
line-height: 30px;
}
.header-left .logo{
overflow: hidden;
}
.header-left .sitename{
margin: 0 10px 0 0;
}
/*---------------------------*/
/*- ALIGNMENT RIGHT ---------*/
.header-right .container,
.header-right > .header-block{
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-right .logo{
overflow: hidden;
}
.header-right .sitename{
margin: 0 10px 0 0;
}
/*---------------------------*/
/*- POSITION OVERLAY --------*/
.header-sticky{
width: 100%;
z-index: 100;
margin-top: 0;
transition: background .1s ease-in-out, margin-top .15s ease-in-out, opacity .15s ease-in-out;
}
.header-sticky.is_stuck{
opacity: 0;
}
.header-sticky.is_stuck.is_stuck_show{
opacity: 1;
}
.header-site.header-sticky{
background-color: rgba(243, 243, 243, 0.5);
}
.header-overlay{
position: absolute;
width: 100%;
z-index: 100;
}
.header-overlay-no-push .header-overlay:not(.is_stuck){
background: transparent;
}
/*---------------------------*/
/*- SECONDARY HEADER --------*/
.header-secondary{
display: none;
padding: 10px 0;
background: #333;
}
.header-secondary nav{
margin: 0;
font-size: 1.2rem;
}
.header-secondary .sub-menu{
display: none;
}
/*-------------------------------*/
/*- FOOTER ----------------------*/
.footer-site{
clear: both;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f3f3f3;
}
.footer-site .row{
padding-top: 40px;
padding-bottom: 40px;
}
.footer-site .section-nav-title{
margin-bottom: 15px;
color: #323232;
}
.link-list li{margin: 0 0 6px;}
/*---------------------------*/
/*- FOOTER COPY -------------*/
.copyright{
color: rgba(0, 0, 0, 0.45);
font-size: 1.2rem;
}
.grid.copyright{
padding-top: 0;
padding-bottom: 0;
}
.copyright .column{
margin-bottom: 0;
}
.copyright .nav-horizontal li{
margin: 0 0 0 20px;
}
.copyright .nav-horizontal a{
padding: 0;
font-size: 1.2rem;
font-weight: 700;
}
.copyright .nav-horizontal a:hover{
background: none;
}
.grid + .copyright{
padding-top: 20px;
border-top: 2px solid rgba(0, 0, 0, 0.15);
}
.invert .copyright .nav-horizontal a{
color: rgba(255, 255, 255, 0.75);
}
.invert .copyright .nav-horizontal a:hover{
color: rgba(255, 255, 255, 1);
}
/*---------------------------*/
/*- LAYERS BADGE ------------*/
.created-using-layers{
display: none;
}
/*-------------------------------*/
/*- TITLES ----------------------*/
/*---------------------------*/
/*- PAGE TITLES -------------*/
.title-container{
background-color: #f3f3f3;
}
.title-container .excerpt{
max-width: 745px;
margin-top: 1.5%;
}
.title-container .heading{
color: #323232;
font-size: 4.5rem;
line-height: 5rem;
}
.title-container .excerpt{
color: #8f8f8f;
font-size: 2.5rem;
}
.title-container .excerpt + .button-group{
margin-top: 3%;
}
.title-container .excerpt + .btn-collection{
margin-top: 3%;
}
.title .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.title-container .title{
padding: 3% 20px;
max-width: 1040px;
margin: auto;
}
/*---------------------------*/
/*- TITLE SIZES -------------*/
.title.small{
padding: 1%;
}
.title.large{
padding: 3%;
}
.title.extra-large{
padding: 4%;
}
.title.massive{
padding: 6%;
}
/*---------------------------*/
/*- SECTION TITLES ----------*/
.section-title{
margin-bottom: 30px;
}
.section-title .excerpt{
max-width: 745px;
}
.section-title .heading + .excerpt{
margin-top: 10px;
}
.section-title .button{
margin-top: 15px;
}
/*-----------------------*/
/*- SECTION SIZE --------*/
.section-title.large .excerpt{
max-width: 830px;
}
.section-title.small{
margin-bottom: 15px;
}
.section-title.tiny{
margin-bottom: 15px;
}
.section-title.tiny .excerpt{
margin-top: 0 !important;
}
/*-----------------------*/
/*- SECTION LARGE -------*/
.section-title.large .heading{
font-size: 4rem;
line-height: 1.25;
}
.section-title.large .excerpt{
font-size: 2.5rem;
}
.section-title.large .excerpt p:not(:first-child){
margin-top: 1.5rem;
}
.section-title.large .excerpt ul,
.section-title.large .excerpt ol {
margin: 0 0 0 5rem;
}
.section-title.large .excerpt ul:not(:first-child),
.section-title.large .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
/*-----------------------*/
/*- SECTION SMALL -------*/
.section-title.small .heading{
font-size: 2.5rem;
}
.section-title.small .excerpt{
font-size: 1.5rem;
}
.section-title.small .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.small .excerpt ul,
.section-title.small .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.small .excerpt ul:not(:first-child),
.section-title.small .excerpt ol:not(:first-child){
margin-top: .5rem;
}
/*-----------------------*/
/*- SECTION REGULAR -----*/
.section-title .heading{
color: rgba(0, 0, 0, 0.85);
font-size: 3rem;
}
.section-title .heading a{
color: rgba(0, 0, 0, 0.85);
}
.section-title .heading a:hover{
color: rgba(0, 0, 0, 1);
}
.section-title .excerpt{
color: rgba(0, 0, 0, 0.55);
font-size: 2rem;
}
.section-title .excerpt p:not(:first-child){
margin-top: 1rem;
}
.section-title .excerpt ul,
.section-title .excerpt ol {
margin: 0 0 0 4rem;
}
.section-title .excerpt ul:not(:first-child),
.section-title .excerpt ol:not(:first-child){
margin-top: 1rem;
}
/*-----------------------*/
/*- SECTION TINY --------*/
.section-title.tiny .heading{
font-size: 1.5rem;
font-weight: 700;
}
.section-title.tiny .excerpt{
font-size: 1.3rem;
}
.section-title.tiny .excerpt p:not(:first-child){
margin-top: .5rem;
}
.section-title.tiny .excerpt ul,
.section-title.tiny .excerpt ol {
margin: 0 0 0 3rem;
}
.section-title.tiny .excerpt ul:not(:first-child),
.section-title.tiny .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.section-title + .container{
margin-top: 60px;
}
.section-title.text-right .excerpt{
float: right;
}
/*---------------------------*/
/*- SECTION ALIGNMENTS ------*/
.section-title.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
/*---------------------------*/
/*- SECTION NAV -------------*/
.section-nav-title{
margin: 0 0 10px 0;
color: #8f8f8f;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
/*-------------------------------*/
/*- SIDEBAR ---------------------*/
.sidebar{
overflow: hidden;
}
/*-------------------------------*/
/*- OFF CANVAS ------------------*/
/*---------------------------*/
/*- CLOSE CANVAS BUTTON -----*/
.close-canvas{
padding: 4px 8px 3px;
background: rgba(0, 0, 0, 0.2);
z-index: 100;
position: absolute;
top: 0;
right: 0;
border-radius: 0 0 0 3px;
font-size: 1.1rem;
text-transform: uppercase;
text-align: right;
cursor: pointer;
z-index: 2;
}
.close-canvas i{
margin-right: 4px;
font-size: 1rem;
}
.close-canvas:hover{
color: #fff;
}
.admin-bar div[class*=' off-canvas-'] .close-canvas{
top: 32px;
}
div[class*=' off-canvas-']{
padding-top: 30px;
position: fixed;
top: 0;
z-index: 1;
opacity: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
transition: all 0.3s ease-in-out 0s;
font-size: 1.4rem;
}
.admin-bar div[class*=' off-canvas-']{
padding-top: 66px;
}
.off-canvas-right{
width: 240px;
height: 100%;
right: 0;
}
.off-canvas-left{
width: 240px;
height: 100%;
}
.off-canvas-top{
width: 100%;
height: 200px;
}
.open[class*=' off-canvas-']{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
overflow-y: scroll;
}
/*---------------------------*/
/*- WRAPPER POSITIONING -----*/
.open + .wrapper-site{
opacity: 0.85;
}
.off-canvas-right.open + .wrapper-site{
left: -240px;
}
.off-canvas-left.open + .wrapper-site{
left: 240px;
}
.off-canvas-top.open + .wrapper-site{
top: 200px;
}
/*---------------------------*/
/*- OFF CANVAS WIDGETS ------*/
div[class*=' off-canvas-'] .sub-menu li{
width: auto;
}
div[class*=' off-canvas-'] li{
padding: 5px 0;
}
div[class*=' off-canvas-'] li a{
color: rgba(255, 255, 255, 0.8);
}
div[class*=' off-canvas-'] .section-nav-title{
color: #888;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu{
padding: 20px;
}
div[class*=' off-canvas-'] .widget.widget_nav_menu li{
display: block;
margin: 0;
text-align: left;
}
div[class*=' off-canvas-'] .searchform label{
display: none;
}
div[class*=' off-canvas-'] .searchform input[type="text"]{
background: none repeat scroll 0% 0% rgb(51, 51, 51);
border: 2px solid rgb(85, 85, 85);
}
div[class*=' off-canvas-'] .searchform input[type="submit"]{
display: block;
width: 100%;
height: 32px;
background: #555;
color: #ccc;
font-size: 1.2rem;
}
/*-----------------------*/
/*- OFF CANVAS MENU -----*/
div[class*=' off-canvas-'] .nav-mobile{
margin-top: 0;
padding-top: 0;
position: relative;
z-index: 1;
}
.admin-bar div[class*=' off-canvas-'] .nav-mobile{
padding-top: 20px;
}
div[class*=' off-canvas-'] .nav-vertical li{
padding: 0;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu{
display: block;
width: auto;
visibility: visible;
opacity: 1;
position: static;
border: none;
box-shadow: none;
font-size: 1.2rem;
}
div[class*=' off-canvas-'] .nav-vertical .sub-menu li{
border: none;
}
/*-------------------------------*/
/*- FORMS -----------------------*/
/*-------------------------------*/
/*---------------------------*/
/*- DEFAULTS ----------------*/
textarea,
input,
select,
button{
width: 100%;
background-color: #fff;
border: 2px solid #eee;
color: #8f8f8f;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
}
textarea:focus,
input:focus,
select:focus{
border-color: #ccc;
-webkit-appearance: none;
outline: 0;
}
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"]{
max-width: 500px;
padding: 0 8px;
height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.5rem;
}
input[type="image"]{
width: auto;
}
textarea{
padding: 10px 8px;
max-width: 660px;
-webkit-appearance: none;
-moz-appearance: none;
}
select{
max-width: 500px;
padding: 0 6px;
height: 36px;
}
/*---------------------------*/
/*- FORM BUTTONS ------------*/
input[type=button],
input[type=submit],
button{
display: inline-block;
width: auto;
padding: 5px 10px;
vertical-align: middle;
background-color: #454545;
border: none;
text-align: center;
color: #fff;
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.2s ease-in-out;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover{
cursor: pointer;
background-color: #ccc;
color: #999;
}
input[type=button]:disabled,
input[type=submit]:disabled{
background-color: #ccc;
color: #999;
}
input[type=submit] + span{
float: left;
margin: 2px 0 0 10px;
font-size: 1.1rem;
font-style: italic;
}
/*---------------------------*/
/*- CHECKBOXES AND RADIOS ---*/
input[type=checkbox]{
border: none;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
}
input[type=radio]{
border: none;
-webkit-appearance: radio;
-moz-appearance: radio;
}
/*---------------------------*/
/*- UPLOAD FIELD ------------*/
input[type=upload],
input[type=file]{
max-width: 500px;
padding: 4px;
background-color: #eee;
border: none;
font-size: 1.5rem;
}
/*---------------------------*/
/*- LABELLING AND GROUPING --*/
label{
clear: both;
display: block;
margin-bottom: 4px;
font-size: 1.5rem;
font-weight: 700;
}
fieldset{
margin-bottom: 10px;
}
legend{
margin: 0 0 10px;
font-size: 1.9rem;
}
/*---------------------------*/
/*- NOTES -------------------*/
form small{
display: block;
margin-top: 5px;
}
form label + small{
max-width: 500px;
margin: 0 0 5px;
}
/*---------------------------*/
/*- FORM ROWS ---------------*/
.form-row{
margin-bottom: 15px;
vertical-align: top;
}
.form-row:last-child{
margin-bottom: 0;
}
/*---------------------------*/
/*- FORM ROWS LARGE ---------*/
form.large label{
font-size: 1.5rem;
}
form.large input[type=email],
form.large input[type=text],
form.large input[type=password]{
height: 47px;
font-size: 2.0rem;
}
form.large .input-append .add-on,
form.large .input-prepend .add-on{
line-height: 43px;
}
form.large .input-append input[type=submit],
form.large .input-append input[type=button],
form.large .input-append button{
height: 47px;
}
/*---------------------------*/
/*- FORM ROWS SMALL ---------*/
form.small .form-row{margin-bottom: 5px;}
form.small input[type=email],
form.small input[type=text],
form.small input[type=password]{
height: 32px;
font-size: 1.3rem;
}
form.small .input-append .add-on,
form.small .input-prepend .add-on{
line-height: 28px;
}
form.small .input-append input[type=submit],
form.small .input-append input[type=button],
form.small .input-append button{
height: 32px;
}
/*---------------------------*/
/*- CHECKBOX ----------------*/
input[type=checkbox]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: middle;
font-size: 1.2rem;
font-weight: 400;
}
.checkbox{
clear: both;
margin: 0;
overflow: hidden;
}
.checkbox input[type=submit],
.checkbox button{
display: inline-block;
margin: 0;
}
.checkbox label{
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.checkbox .btn-large + label{
padding-top: 10px;
font-size: 1.3rem;
}
/*---------------------------*/
/*- CHECKBOX LIST -----------*/
.checkbox-list .checkbox{margin-bottom: 5px;}
.checkbox-list .checkbox label{
margin-left: 0;
font-size: 1.3rem;
}
/*---------------------------*/
/*- RADIO BUTTONS -----------*/
input[type=radio]{
width: auto;
height: 14px;
width: 14px;
padding: 0;
margin: 0 5px 0 5px;
vertical-align: bottom;
}
.radio-button-group{
display: block;
overflow: hidden;
}
.radio-button-group label{
overflow: hidden;
clear: none;
float: none;
padding: 8px 0;
margin-bottom: 0;
font-size: 1.2rem;
font-weight: 400;
}
/*---------------------------*/
/*- PREPENDS + APPENDS ------*/
.input-prepend,
.input-append{
overflow: hidden;
display: block;
line-height: 32px;
white-space: nowrap;
font-size: 0;
}
.input-prepend .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-right-width: 0px;
font-size: 1.5rem;
}
.input-prepend input{
display: inline-block;
vertical-align: top;
}
.input-append .add-on{
display: inline-block;
padding: 0 12px;
background-color: #eee;
border: 2px solid #eee;
border-left-width: 0px;
font-size: 1.5rem;
}
.input-append input[type=text],
.input-append input[type=password],
.input-append input[type=email]{
display: inline-block;
vertical-align: top;
border-right: none;
}
.input-append input[type=submit],
.input-append input[type=button],
.input-append button{
display: inline-block;
height: 36px;
margin: 0;
vertical-align: top;
border-left: none;
}
.input-prepend.input-append input{
border-right-width: 0;
border-right-width: 0;
}
.input-prepend.input-append .add-on:first-child{
border-left-width: 2px;
border-right-width: 0;
}
/*-------------------------------*/
/*- BUTTONS ---------------------*/
/*-------------------------------*/
/*---------------------------*/
/*- DEFAULT BUTTON ----------*/
.button{
display: inline-block;
padding: 5px 15px;
background-color: #454545;
border-width: 0;
border-color: #454545;
border-style: solid;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-weight: 700;
}
.button:hover{
background-color: #323232;
color: #fff;
}
/*---------------------------*/
/*- BUTTON SIZES ------------*/
.button.btn-small{
padding: 2px 10px;
font-size: 1.2rem;
}
.button.btn-medium{
padding: 5px 15px;
font-size: 1.5rem;
}
.button.btn-large{
padding: 10px 25px;
font-size: 1.8rem;
}
.button.btn-massive{
padding: 15px 30px;
font-size: 2.0rem;
}
.button.btn-full{
display: block;
width: 100%;
}
/*---------------------------*/
/*- BUTTON COLORS -----------*/
/*-----------------------*/
/*- FORM BUTTON ---------*/
input.button{
height: 36px;
padding-top: 0;
padding-bottom: 0;
}
/*-----------------------*/
/*- PRIMARY BUTTON ------*/
.btn-primary{
background-color: #fc0;
color: #5E2500;
}
.btn-primary:hover{
background-color: #f93;
color: #5E2500;
}
/*-----------------------*/
/*- SECONDARY BUTTON ----*/
.btn-secondary{
background-color: #A3C567;
color: #37451D;
}
.btn-secondary:hover{
background-color: #93B25E;
color: #37451D;
}
/*-----------------------*/
/*- SUBTLE BUTTON -------*/
.btn-subtle{
background-color: #eee;
color: #454545;
}
.btn-subtle:hover{
background-color: #eee;
color: #323232;
}
/*-----------------------*/
/*- LINK BUTTON ---------*/
.btn-link{
background: none;
text-decoration: underline;
color: #454545;
}
.btn-link:hover{
background: none;
color: #323232;
}
/*-----------------------*/
/*- LINK BUTTON ---------*/
.button.btn-invert{
background-color: #fff;
color: #454545;
}
.button.btn-invert:hover{
background-color: #454545;
color: #fff;
}
/*---------------------------*/
/*- BUTTON GROUP ------------*/
.button-group{
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
overflow: hidden;
}
.button-group + .button-group{
margin-right: 10px;
}
.pull-right .button-group + .button-group{
margin-left: 10px;
margin-right: 0;
}
.button-group .button{
float: left;
margin: 0;
}
/*---------------------------*/
/*- BUTTON COLLECTION -------*/
.button-collection{
margin-bottom: 20px;
vertical-align: middle;
overflow: hidden;
}
/*-------------------------------*/
/*- BADGES AND LABELS -----------*/
/*-------------------------------*/
/*---------------------------*/
/*- BADGE -------------------*/
.badge{
padding: 1px 8px;
background-color: #000;
color: #fff;
}
.button .badge{
margin: 0 2px 0 -10px;
}
/*-----------------------*/
/*- BADGE COLORS --------*/
/*-------------------*/
/*- PRIMARY BADGE ---*/
.badge.badge-primary{
background-color: #5E2500;
color: #fff;
}
/*-------------------*/
/*- SECONDARY BADGE -*/
.badge.badge-secondary{
background-color: #37451D;
color: #fff;
}
/*------------------*/
/*- SUBTLE BADGE ---*/
.badge.badge-subtle{
background-color: #8f8f8f;
color: #fff;
}
/*------------------*/
/*- BLANK BADGE ----*/
.badge.badge-blank{
background-color: #ddd;
color: #323232;
}
/*---------------------------*/
/*- LABEL -------------------*/
.label{
padding: 1px 6px;
background-color: #454545;
color: #fff;
white-space: nowrap;
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
}
/*-----------------------*/
/*- LABEL COLORS --------*/
/*-------------------*/
/*- PRIMARY LABEL ---*/
.label.label-primary{
background-color: #5E2500;
color: #fff;
}
/*-------------------*/
/*- SECONDARY LABEL -*/
.label.label-secondary{
background-color: #A3C567;
color: #fff;
}
/*-------------------*/
/*- SUBTLE LABEL ----*/
.label.label-subtle{
background-color: #c0c0c0;
color: #fff;
}
/*-------------------*/
/*- ERROR LABEL -----*/
.label.label-error{
background-color: #E2574C;
color: #fff;
}
/*-------------------*/
/*- BLANK LABEL -----*/
.label.label-blank{
background-color: #ddd;
color: #323232;
}
/*-------------------*/
/*- LABEL SIMPLE ----*/
.label.label-nofrill{
background: none;
color: #999;
}
/*-------------------*/
/*- LABEL SIMPLE ----*/
.label.label-nofrill{
display: block;
padding: 0;
}
/*---------------------------*/
/*- LABEL GROUP -------------*/
.label-group{
overflow: hidden;
font-size: 0;
}
.label-group .label{
margin: 0;
}
/*-------------------------------*/
/*- TABLES ----------------------*/
/*-------------------------------*/
table{
width: 100%;
margin-bottom: 20px;
vertical-align: top;
overflow: hidden;
border: 2px solid rgba(0, 0, 0, 0.08);
}
table th{
padding: 10px;
text-align: left;
vertical-align: middle;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
color: #454545;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
}
table td{
padding: 10px;
vertical-align: top;
border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
table tr:last-child td{
border-bottom: none;
}
table .button-group{
margin-bottom: 0;
}
.section-table-title td{
padding-top: 2px;
padding-bottom: 0;
background-color: #f3f3f3;
color: #8f8f8f;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
}
table.table-comfortable td{
padding: 14px 10px;
}
/*-------------------------------*/
/*- WRAPPERS --------------------*/
/*-------------------------------*/
/*---------------------------*/
/*- WRAPPERS ----------------*/
#wrapper-site,
.wrapper-site{
background-color: #fff;
}
/*---------------------------*/
/*- WELLS -------------------*/
.well{
background-color: rgba(0, 0, 0, 0.05);
}
.well-block{
background-color: #fff;
border: 3px solid rgba(0, 0, 0, 0.08);
}
/*---------------------------*/
/*- PANEL -------------------*/
.panel{
overflow: hidden;
margin-bottom: 20px;
}
.panel ul{
margin: 0;
padding: 0;
border: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li{
padding: 10px;
background-color: #fff;
border-top: 2px solid rgba(0, 0, 0, 0.05);
}
.panel li:first-child{
border-top: none;
}
.panel .panel-title{
padding: 8px 10px;
background-color: #454545;
color: #fff;
}
.panel .panel-title + ul{
border-top: none;
}
.panel li .heading{
margin-bottom: 5px;
color: #999;
}
/*-------------------------------*/
/*- HEADER ----------------------*/
/*-------------------------------*/
/*---------------------------*/
/*- SITE WIDE HEADER --------*/
.header-site .column{
margin-bottom: 0;
}
/*---------------------------*/
/*- LOGO --------------------*/
.logo{
padding: 0;
}
.sitename{
font-size: 1.8rem;
font-weight: 700;
}
.site-logo-link + .site-description .sitename{
font-size: 1.6rem;
}
.tagline{
font-size: 1.2rem;
font-weight: 700;
}
.site-logo-link,
.logo .custom-logo-link,
.mark{
display: inline-block;
vertical-align: middle;
margin: auto;
font-size: 0;
}
.site-logo-link img,
.custom-logo-link img,
.mark img{
display: inline-block;
max-height: 40px;
margin: auto;
width: auto;
}
.site-description{
display: inline-block;
vertical-align: middle;
}
.site-logo-link + .site-description, .custom-logo-link + .site-description{
margin-left: 10px;
}
.mark + .sitename{
margin-top: 10px;
}
.column .logo{
float: none;
}
/*-------------------------------*/
/*- NAVIGATION ------------------*/
/*-------------------------------*/
.nav{
vertical-align: middle;
display: inline-block;
}
.nav li{
position: relative;
}
.nav-small a,
.nav-small span{
font-size: 1.2rem;
}
.nav a{
color: #323232;
transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.nav a:hover{
color: #8f8f8f;
}
.nav.large{
font-size: 2.0rem;
}
.nav.medium{
font-size: 1.5rem;
}
/*---------------------------*/
/*- HORIZONTAL NAV ----------*/
.nav-horizontal > ul{
float: left;
}
.nav-horizontal li{
float: left;
margin: 0 10px;
}
.nav-horizontal li a{
display: block;
color: #323232;
text-align: center;
font-weight: 700;
}
.nav-horizontal li a:hover{
color: #8f8f8f;
}
.nav-horizontal .special{
padding: 2px 0;
font-size: 1.2rem;
}
/*-----------------------*/
/*- SITE HEADER > NAV ---*/
.header-site .nav-horizontal > ul > li{
margin: 0 2px;
}
.header-site .nav-horizontal > ul > li > a{
padding: 0 10px;
}
/*---------------------------*/
/*- HORIZONTAL NAV CENTERED -*/
.nav-centered{
text-align: center;
width: 100%;
}
.nav-centered li{
float: none;
display: inline-block;
margin: 0;
}
/*---------------------------*/
/*- VERTICAL NAV ------------*/
.nav-vertical{clear: both;}
.nav-vertical a{
display: block;
padding: 5px 0;
font-weight: 700;
}
.nav-vertical a:hover{
background-color: #eee;
color: #323232;
}
/*---------------------------*/
/*- INLINE NAV --------------*/
.nav-inline li{
display: inline;
margin: 0 15px;
font-size: 1.2rem;
}
.nav-inline a{
color: rgba(255, 255, 255, 0.65);
}
.nav-inline a:hover{
color: #fff;
}
/*---------------------------*/
/*- TABBED NAV --------------*/
.nav-tabs{
padding: 20px 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs ul{
overflow: hidden;
max-width: 1000px;
margin: auto;
}
.nav-tabs li{
float: left;
margin-right: 10px;
}
.nav-tabs a{
display: block;
padding: 6px 15px;
border: 1px solid transparent;
border-bottom: none;
font-weight: 700;
}
.nav-tabs a:hover{
background: rgba(0, 0, 0, 0.1);
}
.nav-tabs .active a{
border-color: rgba(0, 0, 0, 0.1);
}
.nav-small a,
.nav-small span{
padding: 3px 8px;
}
/*---------------------------*/
/*- PILL NAV ----------------*/
.nav-pills {}
.nav-pills li {
display: inline-block;
}
.nav-pills a{
border: 2px solid #ddd;
color: #8f8f8f;
font-weight: 700;
padding: 2px 10px;
border-radius: 3px;
display: block;
}
.nav-pills a:hover{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills .active a{
background-color: #8f8f8f;
border-color: #454545;
color: #fff;
}
.nav-pills span{
color: #323232;
font-weight: 700;
}
/*---------------------------*/
/*- SUB NAV -----------------*/
.sub-menu,
.nav .children{
background-color: #fff;
visibility: hidden;
opacity: 0;
position: absolute;
top: 50px;
left: 0;
border: 2px solid #ddd;
z-index: 5;
transition: all 0.4s ease-in-out;
line-height: normal;
}
.sub-menu li,
.nav .children li{
clear: both;
display: block;
width: 180px;
margin: 0;
border: none;
border-bottom: 1px solid #ddd;
}
.sub-menu li:last-child,
.nav .children li:last-child{
border-bottom: none;
}
.sub-menu li a,
.nav .children li a{
display: block;
padding: 8px 10px;
background: none;
color: #454545;
text-transform: none;
text-align: left;
}
.sub-menu li a:hover,
.nav .children li a:hover{
background-color: #333;
color: #fff;
}
.nav li:hover > .sub-menu,
.nav li:hover .children{
visibility: visible;
opacity: 1;
top: 40px;
transition: all 0.2s ease-in-out;
}
.nav > ul > li .sub-menu .sub-menu,
.nav li:hover > .sub-menu .sub-menu,
.nav > ul > li .children .children,
.nav li:hover > .children .children{
left: 185px;
top: -3px;
}
.nav > ul > li:last-child .sub-menu,
.nav > ul > li:last-child .children{
right: 0;
left: auto;
}
.nav li:last-child .sub-menu .sub-menu,
.nav li:last-child .children .children{
right: 185px;
left: auto;
}
.nav-vertical .sub-menu,
.nav-vertical .children{
left: 180px;
right: auto;
top: -3px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.05);
}
.nav-vertical li:hover > .sub-menu,
.nav-vertical li:hover > .children{
top: -3px;
left: 140px;
}
.nav-vertical li:hover > .sub-menu .sub-menu,
.nav-vertical li:hover > .chilren .children{
left: 155px;
right: auto;
top: -3px;
}
#footer .sub-menu{
display: none;
}
/*-----------------------*/
/*- ARROWS --------------*/
.header-site .menu-item-has-children > a:after{
margin-left: 8px;
content: "\e605";
font-family: 'layers-icons';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
opacity: 0.4;
font-weight: normal;
font-size: 0.8rem;
vertical-align: middle;
}
.header-site .sub-menu .menu-item-has-children > a:after{
float: right;
padding: 5px 0 0;
content: "\e600";
}
.header-site .menu-item-has-children > a:hover:after{
opacity: 0.8;
}
/*-----------------------*/
/*- SUB MENU ANIMATION --*/
.header-site .nav ul li > .sub-menu > li{
opacity: 0;
transform: translate3d(0, 5px, 0);
transition: 0.25s opacity ease-in-out 0.05s,
0.25s transform ease-in-out 0.05s;
}
.header-site .nav ul li:hover > .sub-menu > li{
opacity: 1;
transform: translate3d(0, 0, 0);
}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(2){transition-delay: 0.07s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(3){transition-delay: 0.09s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(4){transition-delay: 0.11s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(5){transition-delay: 0.13s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(6){transition-delay: 0.15s;}
.header-site .nav ul li:hover > .sub-menu > li:nth-child(7){transition-delay: 0.17s;}
/*---------------------------*/
/*- ABOLUTE NAV -------------*/
.nav-absolute{
position: absolute;
width: 100%;
padding: 5px 10px;
color: #999;
font-size: 1.2rem;
}
.nav-absolute li{
display: inline;
}
.nav-absolute a{
color: #ccc;
}
.nav-absolute a:hover{
color: #fff;
}
/*---------------------------*/
/*- STICKY NAV --------------*/
.sticky-nav{
width: 100%;
padding: 8px 0;
position: fixed;
top: -50px;
overflow: hidden;
z-index: 11;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.sticky-nav.sticky-nav-on{
opacity: 1;
visibility: visible;
top: 0;
}
.sticky-nav h4{
padding: 2px 0;
font-size: 2.0rem;
}
.sticky-nav h4 small{
margin-left: 10px;
text-transform: uppercase;
}
/*---------------------------*/
/*- BREAD CRUMBS ------------*/
.bread-crumbs{
display: inline-block;
margin: 0 0 15px;
overflow: hidden;
color: rgba(0, 0, 0, 0.55);
font-size: 1.2rem;
}
.bread-crumbs li{
float: left;
margin-right: 10px;
}
.bread-crumbs a{
color: rgba(0, 0, 0, 0.75);
}
.bread-crumbs a:hover{
color: rgba(0, 0, 0, 0.85);
text-decoration: underline;
}
.title-small .bread-crumbs{
margin: -30px 0 25px;
}
/*---------------------------*/
/*- PAGINATION --------------*/
.pagination{
clear: both;
display: inline-block;
overflow: hidden;
margin: 0 20px 20px 0;
}
.pagination li{
float: left;
border-right: 1px solid #eee;
overflow: hidden;
font-size: 1.3rem;
font-weight: 700;
}
.pagination li:last-child{
border-right: none;
}
.pagination a,
.pagination span{
display: inline-block;
min-width: 38px;
padding: 4px 10px;
background-color: #f5f5f5;
color: #454545;
text-align: center;
}
.pagination a:hover{
background-color: #454545;
color: #fff;
}
.pagination .current{
border-color: #323232;
}
.pagination .current{
background-color: #454545;
color: #fff;
}
.pagination li.next{
margin-right: 10px;
border: none;
}
/*-------------------------------*/
/*- COMPONENTS ------------------*/
/*-------------------------------*/
/*---------------------------*/
/*- BACK TO TOP -------------*/
#back-to-top{
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10;
}
#back-to-top a{
display: block;
width: 32px;
height: 32px;
background: url(images/arrow-up-small.png) no-repeat;
background-size: 32px 32px;
text-indent: -999px;
overflow: hidden;
}
/*---------------------------*/
/*- MEDIA BLOCK -------------*/
.media{
overflow: hidden;
display: block;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.media-image{
text-align: center;
margin-right: auto;
margin-left: auto;
}
.media-image img{
display: block;
margin: auto;
}
.media-image video{
width: 100%;
height: auto;
object-fit: fill;
}
.media-image.small img{
max-width: 64px;
}
.image-rounded img,
.media-image.image-rounded img{
border-radius: 100%;
}
.media .media-body{
display: block;
overflow: hidden;
}
.column:not(.span-12) .media .excerpt{
max-width: 745px;
}
.media .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
/*-----------------------*/
/*- IMAGE TOP -----------*/
.media.image-top .media-body{
float: none;
}
.has-image .media-body{
margin-top: 15px;
}
/*-----------------------*/
/*- MEDIA SMALL ---------*/
.media.small .heading + .excerpt{
margin-top: 5px;
}
.has-image .small .media-body{
margin-top: 10px;
}
.media.small p:not(:first-child),
.media.small .button{
margin-top: 1.3rem;
}
.media.small .heading{
font-size: 1.5rem;
font-weight: 700;
}
.media.small .excerpt{
font-size: 1.3rem;
}
.media.small .excerpt ul,
.media.small .excerpt ol {
margin: 0 0 0 3rem;
}
.media.small .excerpt ul:not(:first-child),
.media.small .excerpt ol:not(:first-child){
margin-top: 1.3rem;
}
/*-----------------------*/
/*- MEDIA MEDIUM --------*/
.media.medium .heading + .excerpt{
margin-top: 10px;
}
.media .heading{
font-size: 2.0rem;
}
.media .heading + .excerpt{
font-size: 1.5rem;
}
.media.medium p:not(:first-child),
.media.medium .button{
margin-top: 1.5rem;
}
.media.medium .excerpt ul,
.media.medium .excerpt ol {
margin: 0 0 0 3rem;
}
.media.medium .excerpt ul:not(:first-child),
.media.medium .excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
/*-----------------------*/
/*- MEDIA LARGE ---------*/
.media.large .heading + .excerpt{
margin-top: 10px;
}
.media.large .text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.media.large p:not(:first-child),
.media.large .button{
margin-top: 2rem;
}
.media.large .heading{
font-size: 2.8rem;
}
.media.large .excerpt{
font-size: 2rem;
}
.media.large .excerpt ul,
.media.large .excerpt ol {
margin: 0 0 0 4rem;
}
.media.large .excerpt ul:not(:first-child),
.media.large .excerpt ol:not(:first-child){
margin-top: 2rem;
}
/*---------------------------*/
/*- THUMBNAIL BLOCK ---------*/
.thumbnail{
display: block;
position: relative;
overflow: hidden;
}
.thumbnail.hide{
display: none;
}
.thumbnail-title{
padding: 0 20px 20px;
}
.thumbnail-title.small{
padding: 0 10px 10px;
}
.thumbnail-media{
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.thumbnail-media.image-rounded{
border-radius: 100%;
}
.thumbnail-media img{
display: block;
margin: auto;
-webkit-transform: scale(1);
transform: scale(1);
transition: 0.2s all ease-in-out, 4s transform ease-in-out;
}
.thumbnail-media:hover img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.thumbnail-body{
padding: 20px;
overflow: hidden;
position: relative;
z-index: 2;
background-color: #f5f5f5;
}
.thumbnail-body .heading{
margin: 0;
color: #000;
font-size: 2rem;
font-weight: 400;
}
.thumbnail-body .heading.small{
font-size: 1.2rem;
}
.thumbnail-body .excerpt{
color: rgba(0, 0, 0, 0.55);
}
.thumbnail-body p{
margin: 10px 0 0;
}
.thumbnail-body p + .feature-list{
margin: 20px 0 0;
}
.thumbnail-body .button{
margin-top: 20px;
}
.thumbnail-body.body-small{
padding: 0 10px 10px;
}
.thumbnail .button-group{
margin: 20px 0 0;
}
.thumbnail .btn-collection{
margin: 20px 0 0;
}
/*-----------------------*/
/*- THUMBNAIL ALIGNMENT -*/
.thumbnail-body .article-title + .excerpt{
margin-top: 10px;
}
.thumbnail-body .article-title + .meta-info{
margin-top: 10px;
}
/*-------------------------------*/
/*- COPY STYLING ----------------*/
/*-------------------------------*/
.copy{
font-size: 1.5rem;
}
.copy.small{
font-size: 1.3rem;
}
.copy p{
margin-bottom: 16px;
}
.copy a{
border-bottom: 1px solid #ddd;
}
.copy a:hover{
border-color: #999;
}
.copy ul{
list-style: disc;
margin: 0 0 26px;
}
.copy ul li{
list-style: disc;
margin: 0 0 6px 30px;
}
.copy ol{
list-style: decimal;
margin: 0 0 26px;
}
.copy ol li{
list-style: decimal;
margin: 0 0 6px 20px;
}
.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul{
margin-bottom: 0;
}
.copy dl{
margin: 0 0 26px;
}
.copy dd{
margin-left: 36px;
}
.copy img{
display: block;
max-width: 98%;
height: auto;
}
.copy h1{
margin-bottom: 26px;
font-size: 3.2rem;
font-weight: 700;
}
.copy h2{
margin-bottom: 26px;
font-size: 2.2rem;
font-weight: 700;
}
.copy h3{
margin-bottom: 26px;
font-size: 1.8rem;
font-weight: 700;
}
.copy h4{
margin-bottom: 26px;
font-size: 1.5rem;
font-weight: 700;
}
.copy h5{
margin-bottom: 26px;
font-size: 1.3rem;
font-weight: 700;
}
.copy h6{
margin-bottom: 26px;
font-size: 1.3rem;
}
.copy blockquote{
padding-left: 26px;
margin-bottom: 20px;
font-size: 2.0rem;
font-weight: 700;
}
.copy a.button{
border-bottom: none;
}
/*-------------------------------*/
/*- EXCERPT LIST STYLING --------*/
/*-------------------------------*/
.excerpt li{
list-style-type: inherit;
}
.excerpt li ul,
.excerpt li ol {
margin:0 1.5rem;
}
.excerpt ul,
.excerpt ol {
margin: 0 0 0 3rem;
}
.text-center ul, .text-right ul,
.text-center ol, .text-right ol{
margin-left: 0 !important;
margin-right: 0 !important;
}
.text-center ul li, .text-right ul li,
.text-center ol li, .text-right ol li {
list-style-position: inside;
}
.excerpt ul:not(:first-child),
.excerpt ol:not(:first-child){
margin-top: 1.5rem;
}
.excerpt ul {
list-style-type:disc;
}
.excerpt ol {
list-style-type:decimal;
}
.excerpt ol ol {
list-style: upper-alpha;
}
.excerpt ol ol ol {
list-style: lower-roman;
}
.excerpt ol ol ol ol {
list-style: lower-alpha;
}
/*-------------------------------*/
/*- COLOR RESETS ----------------*/
/*-------------------------------*/
.no-fill{
background: none !important;
}
/*-------------------------------*/
/*- TEXT ALIGNMENT --------------*/
/*-------------------------------*/
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align: justify;
}
/*-------------------------------*/
/*- INVERT ----------------------*/
/*-------------------------------*/
.invert{
border: none;
color: rgba(255, 255, 255, 0.85);
}
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6{
color: rgba(255, 255, 255, 0.95);
}
.invert code{
background: rgba(255, 255, 255, 0.2);
color: #fff;
padding: 2px 4px;
}
.invert label,
.invert legend{
color: #fff;
}
.invert small{
color: rgba(255, 255, 255, 0.7);
}
.invert a{
color: #fff;
}
.invert a:hover{
color: #fff;
}
.invert .copy a:not(.button),
.invert .story a:not(.button) {
color: rgba(255, 255, 255, 0.7);
border-bottom-color: rgba(255, 255, 255, 0.7);
}
.invert blockquote{
background: rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.55);
}
.invert input,
.invert textarea,
.invert select{
border-color: transparent;
}
.invert .input-prepend .add-on,
.invert .input-append .add-on{
border-color: transparent;
background: #323232;
color: #fff;
}
/*-----------------------*/
/*- SECTION TITLE -------*/
.invert .section-title .heading,
.invert.section-title .heading{
color: #fff;
}
.invert .section-title .excerpt,
.invert.section-title .excerpt{
color: rgba(255, 255, 255, 0.8);
}
.invert .section-title .heading a,
.invert.section-title .heading a{
color: #fff;
}
/*-----------------------*/
/*- LOGO INVERT ---------*/
.invert .sitename{
color: #fff;
}
.invert .tagline{
color: rgba(255, 255, 255, 0.9);
}
/*-----------------------*/
/*- PAGE TITLES INVERT --*/
.invert .heading{
color: #fff;
}
.invert .sub-header,
.invert .excerpt{
color: rgba(255, 255, 255, 0.9);
}
/*-----------------------*/
/*- NAV INVERT ----------*/
.invert .nav > li > a{
color: rgba(255, 255, 255, 0.8);
}
.invert .nav > li > a:hover{
color: rgba(255, 255, 255, 1);
}
.invert .nav-tabs a{
color: #fff;
}
/*---------------------------*/
/*- HEADER INVERT -----------*/
.header-site.invert .nav-horizontal > ul > li > a{
color: rgba(255, 255, 255, 1);
}
.header-site.invert .nav-horizontal > ul > li > a:hover{
color: rgba(255, 255, 255, 0.7);
}
.header-site.invert .responsive-nav .l-menu{
color: rgba(255, 255, 255, 1);
}
/*---------------------------*/
/*- BREAD CRUMBS INVERT -----*/
.invert .bread-crumbs{
color: rgba(255, 255, 255, 0.55);
}
.invert .bread-crumbs a,
.invert .bread-crumbs a:hover{
color: rgba(255, 255, 255, 0.75);
}
/*---------------------------*/
/*- INVERT BLOCK ------------*/
.invert-block{
background: #323232;
overflow: hidden;
color: #ccc;
}
.thumbnail .invert-block{
margin: 20px -20px -20px;
}
/*---------------------------*/
/*- INVERTED MENUS ----------*/
.invert .nav-vertical li a:hover{
background: none;
color: #fff;
}
.invert .sub-menu,
.invert .sub-menu li a{
background: none;
}
.header-site.invert .sub-menu,
.header-site.invert .sub-menu li a{
background: #fff;
color: #000;
}
.header-site.invert .sub-menu li a:hover{
background-color: #323232;
color: #fff;
}
.invert .responsive-nav .l-menu{
color: #fff;
}
/*---------------------------*/
/*- INVERTED BUTTONS --------*/
/*-----------------------*/
/*- INVERT LINK BUTTON --*/
.invert-block .btn-link{
color: #ccc;
}
.invert-block .btn-link:hover{
color: #fff;
}
/*-----------------------*/
/*- INVERT PRIMARY BUTTON -*/
.invert .btn-primary{
color: #5E2500;
}
.invert .btn-primary:hover{
color: #5E2500;
}
/*-----------------------*/
/*- INVERT SUBTLE BUTTON -*/
.invert-block .btn-subtle{
background-color: #454545;
color: #fff;
}
.invert-block .btn-subtle:hover{
background-color: #009EEC;
color: #fff;
}
/*---------------------------*/
/*- INVERT COMMENTS ---------*/
.invert .comment {
color: rgba(255, 255, 255, 0.75);
}
/*---------------------------*/
/*- FOOTER INVERT -----------*/
.invert .copyright {
color: rgba(255,255,255,0.55);
}
.footer-site.invert .section-nav-title{
color: rgba(255,255,255,0.55);
}
/*------------------------*/
/*- ANIMATIONS -----------
.layers-scroll-animate #wrapper-content > *:not( :nth-child(1) ):not( :nth-child(2) ) {
opacity: 0;
transform: translateY(30%) scale(2);
transition: .4s;
transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
-webkit-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.layers-scroll-animate #wrapper-content > *.layers-scroll-animate-going-down:not( :nth-child(1) ):not( :nth-child(2) ) {
opacity: 1;
transform: translateX(0) scale(1);
}*/