@font-face {
font-family: 'ralewaybold';
src: url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-bold-webfont.eot);
src: url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-bold-webfont.eot?#iefix) format('embedded-opentype'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-bold-webfont.woff) format('woff'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-bold-webfont.ttf) format('truetype'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-bold-webfont.svg#ralewaybold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayregular';
src: url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-regular-webfont.eot);
src: url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-regular-webfont.eot?#iefix) format('embedded-opentype'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-regular-webfont.woff) format('woff'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-regular-webfont.ttf) format('truetype'), url(//www.cocoprive.nl/wp-content/themes/ombre/fonts/raleway-regular-webfont.svg#ralewayregular) format('svg');
font-weight: normal;
font-style: normal;
}
body,p {
font-weight: normal;
letter-spacing: 0.03em;
word-spacing: 0.1em;
}
h1,h2,h3,h4,h5,h6,strong,label,.ns_nerveSlider .ns_slideContent div span,.rounded-list span:before,.rounded-list span, .testimonial .testimonial-text p.testimonial-cite,.arrow-button,.toggleMenu,.caption-image figcaption p.caption-title,.nav li,.ombre-table,input[type="submit"],.button,.tooltipster-content,.grid-container .postdate,.sidebar-post-title,.grid-content p.grid-quote-cite,.meta,blockquote p.cite,.caption-quote blockquote p.cite,.ombre-menu li,.featured-image-date,.grid-container.grid-small .grid-content p a,.resp-tabs-list li,.lg-sub-html,blockquote cite,.caption-image figcaption div {
font-weight: normal;
letter-spacing: 0.04em;
word-spacing: normal;
}
#featured-image-title p,blockquote p,.caption-quote blockquote p, i,em,.testimonial .testimonial-text p,.video-title,.button-box-left p,.grid.grid-button p,.experience-title p,.sidebar-post-date,.ns_nerveSlider .ns_slideContent div p span,.grid-content.grid-quote h4,#sub-title,.ombregridherobox p {
font-weight: normal;
font-style: italic;
letter-spacing: 0.04em;
word-spacing: 0.1em;
} * {
margin: 0;
padding: 0;
}
body {
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}
h1,h2,h3,h4,h5,h6 {
margin-bottom: 35px;
margin-top: 0px;
line-height: 1;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1.border,h2.border,h3.border,h4.border,h5.border,h6.border {
position: relative;
margin-bottom: 55px;
}
h1.border:after,h2.border:after,h3.border:after,h4.border:after,h5.border:after,h6.border:after {
width: 60px;
height: 3px;
position: absolute;
text-align: center;
bottom: -15px;
left: 0;
margin: 0px;
z-index: 1;
content: '';
}
#page-title {
position: relative;
padding: 5px 0px 5px 0px;
}
#page-title:before {
content: "";
position: absolute;
z-index: 1;
left: 0px;
right: 0px;
bottom: -5px;
height: 5px;
}
#page-title h1 {
margin: 0px;
padding: 35px 60px;
display: block;
}
#page-title h1 span {
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#sub-title {
position: relative;
display: block;
margin: 0px;
padding-bottom: 5px;
}
#sub-title div {
padding: 20px 60px 20px 60px;
}
#sub-title span.post-date {
padding-left:32px;
}
#sub-title span.post-date:before {
font-family: 'FontAwesome';
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
content: "\f133";
position: absolute;
top: 20px;
left: 60px;
z-index: 1;
display: inline-block;
margin: 0px;
}
p {
line-height:1.6;
margin-bottom: 35px;
margin-top: 0px;
}
p:last-child {
margin-bottom: 0px;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.clear,.clr {
clear: both;
}
.no-margin {
margin: 0px !important;
}
strong {
font-weight: bold;
word-spacing: 0.15em;
}
label {
line-height: 1;
margin-bottom: 10px;
display: block;
}
blockquote {
margin: 40px 0px;
padding: 60px 40px 50px 40px;
position: relative;
}
blockquote p {
position: relative;
text-indent: 60px;
}
blockquote p:before {
font-family: 'FontAwesome';
content: "\f10d";
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
position: absolute;
top: -28px;
left: 0px;
font-size: 50px;
}
blockquote p.cite {
font-style: normal;
line-height:1;
display: block;
margin-top: 30px;
margin-bottom: 0px;
text-align: right;
}
blockquote p.cite:after,blockquote p.cite:before {
display: none !important;
}
blockquote cite {
text-align:right;
margin-top:30px;
display:block;
font-style: normal;
}
hr {
margin-top: 60px;
margin-bottom: 60px;
margin-right: 0px;
margin-left: 0px;
padding: 0;
border: none;
height: 1px;
display: block;
}
a {
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
-ms-transition: color 0.4s ease-in-out;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
span.fa {
margin-right: 10px;
}
.ombre-icon{
text-align: center;
margin-right: 10px;
}
.flex-img {
width: 100%;
height: auto;
vertical-align: bottom;
margin:40px 0px 40px 0px;
}
.flex-img img {
width: 100%;
height: auto;
vertical-align: bottom;
margin: 0px;
}
select {
padding: 5px;
}
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 1.5;
margin: 0 0 40px;
width: 100%;
}
table td,table th {
padding:10px;
}
table th {
text-align: left;
}
dl {
line-height: 1.5;
}
pre {
font-size:14px;
padding:15px;
font-size:90%;
margin-bottom:30px;
}
address {
margin-bottom: 30px;
} #bg-transparent {
position: fixed;
top:0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}
#main-container {
position: relative;
width:100%;
z-index: 9;
overflow-x: hidden;
margin: 0px;
padding: 0px; display:none;
}
#page-container {
position: relative;
padding: 30px 60px;
}
#main {
position: relative;
width: 100%;
display:block;
max-width: 1200px;
margin: 0px auto;
} .grid,
.unit {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid {
display: block;
clear: both;
}
.grid .unit{
float: left;
width: 100%;
padding: 30px;
}
.grid .unit:first-child {
padding-left: 0px;
}
.grid .unit:last-child {
padding-right: 0px;
}
.unit .unit:first-child {
padding-left: 0;
}
.unit .unit:last-child {
padding-right: 0;
}
.unit .grid:first-child > .unit {
padding-top: 0;
}
.unit .grid:last-child > .unit {
padding-bottom: 0;
}
.no-gutters .unit,
.unit.no-gutters {
padding: 0 !important;
}
.wrap .grid,
.grid.wrap {
max-width: 1200px;
margin: 0 auto;
}
.grid .whole,
.grid .w-1-1 {
width: 100%;
}
.grid .half,
.grid .w-1-2 {
width: 50%;
}
.grid .one-third,
.grid .w-1-3 {
width: 33.3333%;
}
.grid .two-thirds,
.grid .w-2-3 {
width: 66.6666%;
}
.grid .one-quarter,
.grid .w-1-4 {
width: 25%;
}
.grid .three-quarters,
.grid .w-3-4 {
width: 75%;
}
.grid .one-fifth,
.grid .w-1-5 {
width: 20%;
}
.grid .two-fifths,
.grid .w-2-5 {
width: 40%;
}
.grid .three-fifths,
.grid .w-3-5 {
width: 60%;
}
.grid .four-fifths,
.grid .w-4-5 {
width: 80%;
}
.grid .golden-small,
.grid .w-g-s {
width: 38.2716%;
}
.grid .golden-large,
.grid .w-g-l {
width: 61.7283%;
}
.grid {
*zoom: 1;
}
.grid:before,
.grid:after {
display: table;
content: "";
line-height: 0;
}
.grid:after {
clear: both;
}
.unit.no-padding {
padding-top: 0px;
padding-bottom: 0px;
}
.grid-border {
margin-top: 30px;
margin-bottom: 30px;
margin-left: -60px;
margin-right: -60px;
height: 1px;
display: block;
border:none;
} .column {
float: left;
}
.column .grid-container {
margin-bottom: 20px;
}
.size-1of1 {
width: 100%;
} .size-1of2 {
width: 50%;
}
.size-1of2:first-child {
padding-right: 10px;
}
.size-1of2:last-child {
padding-left: 10px;
} .size-1of3 {
width: 33.333%;
}
.size-1of3:nth-child(1) {
padding-right: 10px;
}
.size-1of3:nth-child(2) {
padding-right: 5px;
padding-left: 5px;
}
.size-1of3:nth-child(3) {
padding-left:10px;
}
.size-1of3 .grid-container {
margin-bottom: 15px;
} .size-1of4 {
width: 25%;
}
.size-1of4:nth-child(1) {
padding-right: 15px;
}
.size-1of4:nth-child(2) {
padding-right: 10px;
padding-left:5px;
}
.size-1of4:nth-child(3) {
padding-left: 10px;
padding-right: 5px;
}
.size-1of4:nth-child(4) {
padding-left: 15px;
}
.masonry-grid {
position: relative;
display: inline-block;
width: 100%;
height: auto;
vertical-align: bottom;
}
#two-columns[data-columns]::before {
content: '2 .column.size-1of2';
}
#three-columns[data-columns]::before {
content: '3 .column.size-1of3';
}
#four-columns[data-columns]::before {
content: '4 .column.size-1of4';
} #header {
display: block;
max-width: 1200px;
margin: 40px auto 0px auto;
}
#header-top {
position: relative;
display: inline-block;
width: 100%;
vertical-align: bottom;
padding: 60px;
}
#header-logo {
float: left;
}
#header-logo img {
height: 100%;
width: auto;
max-width: 100%;
vertical-align: bottom;
}
#header-icons {
float: right;
} #featured-image-container {
width: 100%;
position: relative;
overflow: hidden;
}
#featured-image {
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
z-index: 9;
}
.img-loading {
position: absolute;
width: 12px;
height: 12px;
top: 46%;
top: calc(50% - 6px);
left: 46%;
left: calc(50% - 6px);
border-radius: 12px;
transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
animation: cssload-loader 1.15s ease-in-out infinite;
-o-animation: cssload-loader 1.15s ease-in-out infinite;
-ms-animation: cssload-loader 1.15s ease-in-out infinite;
-webkit-animation: cssload-loader 1.15s ease-in-out infinite;
-moz-animation: cssload-loader 1.15s ease-in-out infinite;
z-index: 1;
}
.img-loading:before {
content: "";
position: absolute;
top: 0px;
left: -24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
.img-loading:after {
content: "";
position: absolute;
top: 0px;
left: 24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
#featured-image-title {
position: absolute;
display: block;
width: auto;
bottom: 60px;
left:0px;
}
#featured-image-title h1 {
padding: 25px 60px;
margin: 0px;
display: inline-block;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#featured-image-title p {
margin: 0px;
display: block;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#featured-image-title p span {
padding: 15px 60px;
display: inline-block;
}
#featured-image-title p span.featured-image-date {
padding: 15px 60px 15px 95px;
font-style: normal;
}
#featured-image-title p span.featured-image-date:before {
font-family: 'FontAwesome';
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
content: "\f133";
position: absolute;
top: 15px;
left: 60px;
z-index: 1;
display: inline-block;
margin: 0px;
}
#featured-image-title p.showtitle,#featured-image-title h1.showtitle {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
} #header-menu {
position: relative;
pointer-events: none;
display: inline-block;
width: 100%;
}
.toggleMenu {
display: none;
list-style: none;
padding: 25px 60px 25px 60px;
margin: 0px;
left: 0;
top: 0;
width: 100%;
z-index: 9;
outline: none !important;
line-height: 1;
}
.toggleMenu:after {
font-family: 'FontAwesome';
content: "\f0c9";
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
position: absolute;
top: 23px;
right: 60px;
-webkit-backface-visibility: hidden;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
display: inline-block;
font-size: 30px;
}
.toggleMenu:hover {
text-decoration: none;
}
.menudown {
-webkit-animation-name: menudown;
animation-name: menudown;
}
.nav {
list-style: none;
*zoom: 1;
padding-right: 60px;
padding-left: 40px;
margin: 0;
line-height: 50px;
display: inline-block;
vertical-align: bottom;
width: 100%;
position: relative;
z-index: 99;
}
.nav ul {
list-style: none;
text-transform: none;
padding: 0px;
margin: 0px;
line-height: 1.5;
}
.nav li {
position: relative;
padding: 15px 25px;
}
.nav ul li {
padding: 15px 25px;
}
.nav a {
text-decoration: none;
outline: none !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav > li {
float: left;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.nav > li.nav-arrow {
padding-right: 45px;
}
.nav > li.nav-arrow > a:after {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
font-family: 'FontAwesome';
content: "\f0d7";
speak: none;
text-indent: 0em;
position: absolute;
top: 15px;
right: 25px;
font-size: 18px;
}
.nav > li:before {
content: "";
position: absolute;
z-index: -1;
left: 0%;
right: 100%;
top: 0px;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.nav > li:hover:before,
.nav > li:focus:before,
.nav > li:active:before {
left: 0;
right: 0;
}
.nav > li > a {
display: block;
}
.nav li ul {
position: absolute;
left: -9999px;
top: 80px;
}
.nav > li.hover > ul {
left: 0;
}
.nav li li.hover ul {
left: 100%;
top: 0;
padding-top: 0px;
}
.nav li li a {
display: block;
position: relative;
z-index: 100;
}
.nav li li li a {
z-index: 200;
}
.nav li li:last-child {
border-bottom: none;
} .widget_nav_menu div {
margin: 0px;
line-height: 1;
}
.widget_nav_menu div ul {
margin: 0px;
list-style: none !important;
padding: 15px 0px 0px 0px;
vertical-align: bottom;
}
.widget_nav_menu div ul li {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget_nav_menu div ul li a {
position: relative;
display: inline-block;
padding: 0px;
outline: none;
text-decoration: none;
width: 100%;
margin: 0px;
-webkit-transition:color 0.2s ease-in-out;
-moz-transition:color 0.2s ease-in-out;
-o-transition:color 0.2s ease-in-out;
-ms-transition:color 0.2s ease-in-out;
}
.widget_nav_menu div ul li a:hover {
outline: none;
}
.widget_nav_menu div ul ul {
display: none;
margin: 10px 0px -5px 0px;
border:none !important;
}
.widget_nav_menu div ul ul li {
border:none !important;
padding:0px;
margin-bottom:15px;
}
.widget_nav_menu div > ul > li > a.cvdropdown,.widget_nav_menu div ul > li > a.cvdropdown2 {
background-position: 100% 50%;
background-repeat:no-repeat;
padding-right: 30px;
}
.widget_nav_menu div ul > li > a.cvdropdown {
background-image: url(//www.cocoprive.nl/wp-content/themes/ombre/images/down.png);
}
.widget_nav_menu div ul > li > a.cvdropdown2 {
background-image: url(//www.cocoprive.nl/wp-content/themes/ombre/images/up.png);
} .social-icons {
list-style-type: none;
display: inline-block;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
.social-icons li {
float: left;
display: block;
margin: 0px 0px 0px 10px;
padding: 0;
line-height: 80px;
}
.social-icons li a {
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
display: inline-block;
text-indent: -500em;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
vertical-align: middle;
}
.social-icons li a:before {
font-family: 'FontAwesome';
speak: none;
text-indent: 0em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.social-icons li a:hover,
.social-icons li a:focus,
.social-icons li a:active {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.footer-social {
margin-top:2px;
float: right;
}
.footer-social li {
margin: 0px 0px 0px 10px;
line-height: 1;
}
.footer-social li a {
height: 30px;
width: 30px;
line-height: 30px;
}
.footer-social li a:before {
font-size: 16px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.social-icons-box {
position:relative;
display:block;
padding: 0px 35px;
vertical-align: bottom;
margin: -10px 0px 35px 0px;
}
.team-social li {
margin: 0px 10px 0px 0px;
line-height: 1;
}
.team-social li a {
height: 35px;
width: 35px;
line-height: 35px;
}
.team-social li a:before {
font-size: 16px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.model-social {
margin: -10px 0px 0px 0px;
float: none;
width: 100%;
}
.model-social li {
margin: 5px 10px 0px 0px;
line-height: 1;
}
.model-social li a {
height: 40px;
width: 40px;
line-height: 40px;
}
.model-social li a:before {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
font-size: 18px;
} .o-gallery {
position: relative;
outline: none !important;
overflow: hidden;
display: block;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.o-gallery img {
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-transform: scale(1.0) translateZ(0) translateY(0);
-moz-transform: scale(1.0) translateZ(0) translateY(0);
-ms-transform: scale(1.0) translateZ(0) translateY(0);
transform: scale(1.0) translateZ(0) translateY(0);
-webkit-backface-visibility: hidden;
}
.o-gallery:hover img {
-webkit-transform: scale(1.2) translateZ(0) translateY(5%);
-moz-transform: scale(1.2) translateZ(0) translateY(5%);
-ms-transform: scale(1.2) translateZ(0) translateY(5%);
transform: scale(1.2) translateZ(0) translateY(5%);
}
.o-gallery:before {
content: " ";
position: absolute;
z-index:2;
right: 0;
top: 0;
border-bottom: 40px solid transparent;
border-left: 40px solid transparent;
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
-ms-transform: translateY(-105%);
-o-transform: translateY(-105%);
transform: translateY(-105%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
transition:all 0.4s linear;
}
.o-gallery:after {
position: absolute;
text-align: center;
line-height: 1;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
text-indent: 0em;
top: 0px;
right: 0px;
font-size: 26px;
width: 40px;
height: 40px;
line-height: 40px;
-webkit-transform: translateY(-105%) translateX(105%);
-moz-transform: translateY(-105%) translateX(105%);
-ms-transform: translateY(-105%) translateX(105%);
-o-transform: translateY(-105%) translateX(105%);
transform: translateY(-105%) translateX(105%);
display:inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
transition:all 0.4s linear;
z-index: 3;
}
.o-gallery:hover:after,.o-gallery:hover:before {
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
-ms-transform: translateY(0px) translateX(0px);
-o-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
.o-gallery.photo:after {
content:"\f002";
padding-top:3px;
padding-right:3px;
}
.o-gallery.video:after {
content:"\f144";
padding-top:4px;
padding-right:4px;
}
.o-gallery.link:after {
content:"\f0c1";
padding-top:5px;
padding-right:5px;
} iframe, embed, video, object {
width:100%;
max-height:390px;
}
.flex-iframe {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
.flex-iframe.widescreen {
padding-bottom:37.25%;
}
.flex-iframe.vimeo {
padding-top:0;
}
.flex-iframe iframe, .flex-iframe object, .flex-iframe embed, .flex-iframe video {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
outline:none;
border:none;
}
.flex-video {
position:relative;
overflow: hidden;
}
.flex-video.featured-video {
margin: 0px;
padding: 0px;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
outline:none;
border:none;
width: auto;
max-height: none;
}
.youtube-preview {
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
-webkit-transform: scale(1.0) translateZ(0) translateY(0);
-moz-transform: scale(1.0) translateZ(0) translateY(0);
-ms-transform: scale(1.0) translateZ(0) translateY(0);
transform: scale(1.0) translateZ(0) translateY(0);
vertical-align: bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.youtube-preview:hover {
-webkit-transform: scale(1.2) translateZ(0) translateY(5%);
-moz-transform: scale(1.2) translateZ(0) translateY(5%);
-ms-transform: scale(1.2) translateZ(0) translateY(5%);
transform: scale(1.2) translateZ(0) translateY(5%);
} .form-box {
margin-top: 35px;
}
.ombre-search-form {
margin:30px 0px;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="url"],
input[type="tel"],
textarea {
position: relative;
width: 100%;
display: block;
margin: 0px 0px 30px 0px;
padding: 15px;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
outline: none !important;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
outline: none !important;
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
textarea {
height: 140px;
}
.button {
line-height: 1;
padding: 15px 30px;
display: inline-block;
margin: 0px;
text-decoration: none !important;
outline: none !important;
border: none !important;
position: relative;
text-align: center;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
input[type="submit"] {
line-height: 1;
padding: 15px 30px;
display: inline-block;
margin: 0px;
text-decoration: none !important;
outline: none !important;
border: none !important;
position: relative;
text-align: center;
vertical-align: middle;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
outline: none !important;
}
.button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.button:hover:before, .button:focus:before, .button:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.arrow-button-container {
position:relative;
display:block;
margin: 40px -40px -40px -40px;
}
.arrow-button {
line-height: 1;
display: inline-block;
width: 100%;
margin: 0px auto;
text-align: left;
padding: 20px 35px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.arrow-button:after {
font-family: 'FontAwesome';
content: "\f101";
speak: none;
text-indent: 0em;
text-align: center;
position: absolute;
top: 15px;
right: 30px;
font-size: 24px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.arrow-button:hover:after, .arrow-button:focus:after, .arrow-button:active:after {
-webkit-animation-name: icon-wobble-horizontal;
animation-name: icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.arrow-button span.fa {
margin: 0px;
float: right;
}
.searchbox input[type="submit"] {
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
height: 50px;
border: none !important;
}
.searchbox {
width: 100% !important;
display: inline-block;
position: relative;
margin: 0px;
}
.searchbox input[type="text"].searchtext {
width: 75% !important;
float: left;
margin: 0px;
height: 50px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.searchbox input[type="text"]:focus {
animation: none !important;
}
.searchbox input[type="submit"] {
font-family: 'FontAwesome';
font-size: 20px;
width: 25% !important;
float: right;
position: absolute;
top: 0;
margin: 0px;
padding-left: 0;
padding-right: 0;
}
div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors {
border-width: 0px 0px 0px 3px !important;
padding: 20px;
margin:30px 0px 0px 0px;
}
span.wpcf7-not-valid-tip {
margin-top: -25px;
margin-bottom:25px;
}
.wpcf7-form select {
padding: 10px;
}
.wpcf7-form p:last-child {
margin-bottom:0px;
}
input[type="file"] {
padding:20px;
border:none !important;
width:100%;
}
input[type="file"]::-webkit-file-upload-button {
line-height: 1;
padding: 10px 20px;
display: inline-block;
margin: 0px 0px 0px 0px;
text-decoration: none !important;
outline: none !important;
border: none !important;
position: relative;
text-align: center;
vertical-align: middle;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
outline: none !important;
cursor: pointer;
} .grid-container {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 60px;
}
.grid-container .grid-img {
position: relative;
overflow: hidden;
}
.grid-container .grid-img > a {
-webkit-transform: scale(1.0) translateZ(0);
-moz-transform: scale(1.0) translateZ(0);
-ms-transform: scale(1.0) translateZ(0);
transform: scale(1.0) translateZ(0);
-webkit-backface-visibility: hidden;
}
.grid-container .grid-img img {
width: 100%;
height: auto;
vertical-align: bottom;
z-index: 99999;
}
.grid-carousel {
margin-bottom: -5px;
}
.grid-content {
position: relative;
padding: 40px;
margin: 0px;
z-index: 9;
display: block;
}
.grid-container.grid-small .grid-content {
padding: 30px;
}
.grid-content h4 {
margin: 0px 0px 25px 0px;
}
.grid-content h5 {
margin: 0px 0px 15px 0px;
}
.grid-content h4 a,.grid-content h5 a {
position: relative;
padding-bottom: 5px;
}
.grid-content h4 a:before,.grid-content h5 a:before {
content: "";
position: absolute;
z-index: 1;
left: 0%;
right: 100%;
bottom: -3px;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.grid-content h4 a:hover:before,
.grid-content h4 a:focus:before,
.grid-content h4 a:active:before,
.grid-content h5 a:hover:before,
.grid-content h5 a:focus:before,
.grid-content h5 a:active:before{
left: 0;
right: 0;
}
.grid-content h6 {
margin: 0px;
}
.grid-container .postdate {
line-height: 1;
padding: 0px 0px 0px 25px;
position: relative;
word-spacing: inherit;
display: block;
width: 100%;
margin-bottom: 10px;
}
.grid-container .postdate:before {
font-family: 'FontAwesome';
speak: none;
text-indent: 0em;
text-align: center;
content: "\f133";
position: absolute;
top: 0px;
left: 0px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out; 
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
z-index: 1;
display: inline-block;
margin: 0px;
}
.grid-content.grid-quote:after {
font-family: 'FontAwesome';
content: "\f10e";
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
position: absolute;
top: 30px;
right: 40px;
font-size: 40px;
}
.grid-content.grid-quote h4 {
line-height: 1.5;
margin: 30px 0px 20px 0px;
}
.grid-content.grid-quote .postdate {
margin-top: 0px;
}
.grid-content.grid-quote p.grid-quote-cite {
display: block;
text-align: right;
margin: 0px;
line-height: 1;
}
.grid-container .arrow-button {
padding: 25px 40px;
}
.grid-container .arrow-button:after {
top: 22px;
right: 40px;
}
#four-columns .grid-content p {
display:none;
}
#four-columns h5 {
margin: 0px;
text-align:center;
}
.blogpager {
position:relative;
display: inline-block;
vertical-align:bottom;
margin: 0px;
width:100%;
}
.blogpager .fa {
font-size: 12px;
line-height: 16px;
vertical-align:bottom;
}
.blogpager .button {
margin: 0px !important;
padding-top: 20px;
padding-bottom: 20px;
}
.blogpager .previous,.blogpager .next {
float:left;
margin-bottom: 1px;
}
.blogpager .previous {
margin-right: 1px;
}
.blogpager .previous .fa {
margin-right:5px;
}
.blogpager .next .fa {
margin-left: 5px;
}
.blogpager .next .button:before {
-webkit-transform: scaleY(1) scaleX(0);
transform: scaleY(1) scaleX(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.blogpager .next .button:hover:before, .blogpager .next .button:focus:before, .blogpager .next .button:active:before {
-webkit-transform: scaleY(1) scaleX(1);
transform: scaleY(1) scaleX(1);
}
.blogpager .previous .button:before {
-webkit-transform: scaleY(1) scaleX(0);
transform: scaleY(1) scaleX(0);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.blogpager .previous .button:hover:before, .blogpager .previous .button:focus:before, .blogpager .previous .button:active:before {
-webkit-transform: scaleY(1) scaleX(1);
transform: scaleY(1) scaleX(1);
}
.blogmetadata {
padding: 30px;
margin: 40px 0px 0px 0px;
}
.blogmetadata p {
margin-bottom: 0px;
}
.blogmetadata a:hover {
text-decoration: none;
}
#ombre-search-bar {
margin-bottom: 30px;
} .comments_block {
margin-bottom: -30px;
}
.comments .meta {
margin-bottom:15px !important;
font-weight: 700;
}
.comments_content {
padding:30px;
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 30px;
}
.comments_content:before {
top: -20px;
left: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-width: 10px;
margin-left: 0px;
z-index: 9;
}
.commentlist,
.comments_block .children {
list-style: none !important;
padding: 0px !important;
margin: 0px;
}
.comments_block .children li {
position: relative;
padding-left: 50px;
}
.comments_block .children li ul li {
padding-left: 0px;
}
.comments_block .children li:before {
font-family: 'FontAwesome';
content:"\f122";
speak: none;
text-indent: 0em;
text-align: center;
position: absolute;
top: 0px;
left: 15px;
width: 24px;
height: 24px;
font-size: 24px;
margin-top: -3px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.comments_block .children li ul li:before {
display:none;
}
.comment blockquote:before {
display:none;
}
.comment blockquote {
padding: 0px;
text-indent:0px;
}
.comments pre {
padding:0px;
} .sidebar-box {
position: relative;
display: block;
margin-bottom: 60px;
}
.sidebar-box:last-child {
margin-bottom: 0px;
border:none;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_recent_comments ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_archive ul li a,
.widget_recent-posts ul li a,
.widget_rss ul li a,
#recentcomments a {
display: block;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
}
.widget_recent_entries ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_archive ul,
.widget_archives ul,
.widget_recent-posts ul,
.widget_rss ul,
#recentcomments {
list-style: none;
padding: 15px 0px 0px 0px;
margin: 0;
vertical-align: bottom;
}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_archives ul li,
.widget_recent-posts ul li,
.widget_rss ul li,
.recentcomments {
position: relative;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget_recent_entries ul li:after,
.widget_categories ul li:after,
.widget_recent_comments ul li:after,
.widget_pages ul li:after,
.widget_meta ul li:after,
.widget_archive ul li:after,
.widget_archives ul li:after,
.widget_recent-posts ul li:after,
.widget_rss ul li:after,
.recentcomments:after {
font-family: 'FontAwesome';
content: "\f105";
speak: none;
text-indent: 0em;
text-align: center;
position: absolute;
top: 1px;
right: 0px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.widget_recent_entries ul li:hover:after,
.widget_categories ul li:hover:after,
.widget_recent_comments ul li:hover:after,
.widget_pages ul li:hover:after,
.widget_meta ul li:hover:after,
.widget_archive ul li:hover:after,
.widget_archives ul li:after,
.widget_recent-posts ul li:hover:after,
.widget_rss ul li:hover:after,
.recentcomments:hover:after {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_archive ul li a:hover,
.widget_archives ul li a:hover,
.widget_recent-posts ul li a:hover,
.widget_rss ul li a:hover,
.recentcomments span a:hover {
text-decoration: none;
} #wp-calendar {
width: 100%;
margin-top: -10px !important;
}
#wp-calendar caption {
text-align: right;
margin-top: 0px;
margin-bottom: 15px;
}
#wp-calendar thead {
font-size: 13px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar tbody td {
text-align: center;
padding: 10px 0px 0px 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
#wp-calendar tbody td a {
text-decoration: underline;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot {
font-size: 13px;
}
#wp-calendar tfoot #next {
text-align: right;
padding-right:15px;
}
#wp-calendar tfoot #prev {
padding-left:15px;
}
.sidebar-posts-img {
position: absolute;
left: 0px;
top:0px;
width: 95px;
-webkit-transition: border 0.2s ease-in-out;
-moz-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
-ms-transition: border 0.2s ease-in-out;
}
.sidebar-posts {
list-style: none;
margin: 0px;
padding: 0px;
display: inline-block;
width: 100%;
vertical-align: bottom;
}
.sidebar-posts li {
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 95px;
float: left;
width: 100%;
min-height: 95px;
}
.sidebar-posts li:last-child {
margin-bottom: 0px;
}
.sidebar-posts li img {
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}
.sidebar-post-title {
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}
.sidebar-post-title span {
display: inline-block;
padding: 8px 20px 8px 15px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.sidebar-post-date {
margin: 0px;
float: left;
font-size: 14px;
padding: 5px 15px;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
}
.sidebar-posts li a:hover .sidebar-post-date {
opacity: 1;
} .ombre-menu {
position: relative;
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px;
vertical-align: bottom;
margin-bottom: 15px;
}
.ombre-menu.more-margin {
margin-bottom: 30px !important;
}
.ombre-menu-moremargin {
margin-bottom:5px;
}
.ombre-menu li {
float:left;
padding: 20px 30px;
margin: 0px 1px 1px 0px;
line-height: 1;
display: inline-block;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
opacity: 1;
}
.ombre-menu li.show-menu {
opacity: 1 !important;
}
.ombre-menu li.hide-menu {
opacity: 0 !important;
}
.ombre-menu li.show-menu.active,.ombre-menu li.active {
opacity: 0.7 !important;
}
.ombre-menu li.hide-menu.active {
opacity: 0 !important;
}
.ombre-menu li a {
position: relative;
display: block;
}
.ombre-menu li a:before {
content: "";
position: absolute;
z-index: 1;
left: 0%;
right: 100%;
bottom: -5px;
height: 3px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.ombre-menu li a:hover:before,
.ombre-menu li a:focus:before,
.ombre-menu li a:active:before {
left: 0;
right: 0;
}
#ombre-menu-title {
cursor: pointer;
padding-left: 50px;
position: relative;
z-index: 9;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
}
#ombre-menu-title:before {
font-family: 'FontAwesome';
content: "\f0c9";
speak: none;
text-indent: 0em;
text-align: center;
font-style: normal;
position: absolute;
top: 20px;
left: 28px;
-webkit-backface-visibility: hidden;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
display: inline-block;
}
#ombre-menu-title:hover:before {
content: "\f00d";
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#ombre-menu-title.ombre-menu-animate:before {
content: "\f00d";
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} #footer {
height: auto;
margin: 0px auto;
width: 100%;
max-width: 1200px;
padding: 0px;
position: relative;
display:block;
overflow: hidden;
vertical-align: bottom;
}
#footer-widgets {
padding: 30px 60px;
}
#footer-widgets p {
margin-bottom: 20px;
}
#footer-widgets p:last-child {
margin-bottom: 0px;
}
#footer .footer-info {
position: relative;
width: 100%;
display: inline-block;
padding: 20px 60px;
vertical-align: bottom;
margin: 0;
}
#footer .credits {
float: left;
display: inline-block;
margin: 0px;
padding: 0px;
line-height: 30px;
font-size: 12px;
}
.tagcloud {
position: relative;
display: inline-block;
}
.tagcloud a, a[class^="tag"] {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 7px 10px 7px 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.tagcloud a:hover, a[class^="tag"]:hover {
text-decoration: none;
}
#back-to-top {
position: absolute;
right: 60px;
top: 0px;
width: 100%;
margin: 0px;
padding: 0px;
height: 50px;
width: 50px;
cursor: pointer;
vertical-align: bottom;
z-index: 2;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#back-to-top:after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#back-to-top:hover:after,
#back-to-top:focus:after,
#back-to-top:active:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
#back-to-top:before {
font-family: 'FontAwesome';
content: "\f077";
speak: none;
text-indent: 0em;
text-align: center;
position: absolute;
top: 13px;
left: 0;
width: 100%;
height: 100%;
font-size: 20px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 0px 30px 30px 0px;
}
img.alignright {
margin: 0px 0px 30px 30px;
}
img.aligncenter {
margin-bottom: 30px;
}
img.alignnone {
float: none;
}
.caption-image .alignleft,.caption-image .alignright {
float: none !important;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
img.alignnone,
img.alignright,
img.aligncenter,
img.alignleft {
max-width: 100% !important;
height: auto;
}
.wp-caption {
max-width: 100% !important;
margin-bottom: 30px;
}
.wp-caption img {
max-width: 100% !important;
height:auto;
margin-bottom: 30px;
}
.wp-caption-text {
margin-top: 10px;
}
.gallery-caption, .bypostauthor, .sticky p {
}
.form-allowed-tags {
font-size: 12px;
}
.post-password-form {
margin-bottom:40px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.post-password-form label {
line-height:1.5;
} hr {
background: rgba(255, 255, 255, 0.05);
}
.grid-border {
background-color: rgba(255, 255, 255, 0.05);
}
.nav li ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
@media only screen and (max-width: 1024px) {
.nav > li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.nav > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
}
.ns_nerveSlider.light .ns_timer {
background: rgba(255, 255, 255, 0.3);
}
.experience-box {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.widget_recent_entries ul li,.widget_categories ul li,.widget_recent_comments ul li,.widget_pages ul li,.widget_meta ul li,.widget_archive ul li,.widget_archives ul li,.widget_recent-posts ul li,.widget_rss ul li,.recentcomments,.widget_nav_menu div ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.widget_recent_entries ul,.widget_categories ul,.widget_recent_comments ul,.widget_pages ul,.widget_meta ul,.widget_archive ul,.widget_archives ul,.widget_recent-posts ul,.widget_rss ul,#recentcomments,.widget_nav_menu div ul {
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors,input[type="file"] {
background-color:rgba(255,255,255,0.05);
} .no-js body {
display:block !important;
background:#fff;
}
.no-js #slider-container,.no-js #featured-image-container {
display: none;
}
.no-js #header-menu {
pointer-events:auto;
}
.no-js #main-container {
display:block !important;
}
.no-js #fakeloader {
display:none !important;
} @media only screen and (min-width: 1025px) and (max-width: 1200px) {
#four-columns[data-columns]::before {
content: '3 .column.size-1of3';
}
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
#three-columns[data-columns]::before,
#four-columns[data-columns]::before {
content: '2 .column.size-1of2';
}
}
@media only screen and (max-width:640px) {
#two-columns[data-columns]::before,
#three-columns[data-columns]::before,
#four-columns[data-columns]::before {
content: '1 .column.size-1of1';
}
} @media only screen and (max-width: 1200px) {
#header {
margin: 0px auto;
}
}
@media only screen and (max-width: 1024px) {
.nav {
float: none;
padding: 0px;
line-height: 1;
}
.nav a {
padding: 25px 60px 25px 60px;
}
.nav ul {
display: block;
width: 100%;
}
.nav ul li {
padding: 0px;
}
.nav li {
float: none;
display: block;
padding: 0px;
}
.nav li li .parent:after {
opacity: 0.3;
content: '▾';
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
position: absolute;
top: 20px;
right: 60px;
}
.nav > li:last-child {
border-bottom: none;
}
.nav > li:before {
display: none !important;
}
.nav ul li:first-child {
margin-top: 0px;
}
.nav ul li:last-child {
margin-bottom: 0px;
}
.nav > li.hover > ul,
.nav li li.hover ul {
position: static;
}
.nav ul li a {
padding: 20px 60px;
}
.nav > li.nav-arrow {
padding-right: 0px;
}
.nav > li.nav-arrow > a:after {
top: 26px;
right: 60px;
}
}
@media only screen and (max-width: 900px) {
.grid .unit {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
float: none !important;
}
#header-icons .social-icons {
margin-top: 20px;
}
.social-icons li {
line-height: 1;
}
}
@media only screen and (max-width:640px) {
#featured-image-title p {
display: none;
}
.ombre-menu li {
padding: 15px 20px;
}
#ombre-menu-title {
padding-left: 40px;
}
#ombre-menu-title:before {
top: 14px;
left: 18px;
}
.flex-iframe.widescreen {
padding-bottom:60%;
}
}
@media only screen and (max-width: 480px) {
hr {
margin-top: 40px;
margin-bottom: 40px;
}
.ombre-search-form {
margin:0px;
}
.toggleMenu {
padding: 25px 40px 25px 40px;
}
.toggleMenu:after {
right: 40px;
}
.nav a {
padding: 20px 40px 20px 40px;
}
.nav ul li a {
padding: 20px 40px;
}
.nav > li.nav-arrow > a:after {
top: 22px;
right: 40px;
}
.nav li li .parent:after {
right: 40px;
}
#header-top {
padding: 40px;
}
#header-logo {
width: 100%;
height: auto;
text-align: center;
float: none;
margin-bottom: 10px;
}
#header-icons {
float: none;
text-align: center;
margin-left: -10px;
}
#header-icons .social-icons li {
line-height: 1;
}
#header-icons .social-icons li a {
height: 40px;
width: 40px;
line-height: 40px;
}
#header-icons .social-icons li a:before {
font-size: 18px;
}
#featured-image-title h1 {
padding: 20px 40px;
display: block;
width: 100%;
opacity: 0.9;
}
#featured-image-title {
bottom: 0px;
width: 100%;
}
#page-container,#footer-widgets {
padding: 20px 40px;
}
#page-title h1 {
padding: 30px 40px;
}
.grid-border {
margin-top: 20px;
margin-bottom: 20px;
margin-left: -40px;
margin-right: -40px;
}
.grid-container {
margin-bottom: 40px;
}
.grid-content.grid-quote:after {
display:none;
}
.flex-iframe.widescreen {
padding-bottom:70%;
}
#footer .footer-info {
padding: 20px 40px;
}
#footer .credits {
display: block;
width:100%;
}
.footer-social {
margin-top:10px;
float: left;
display: block;
width: 100%;
}
.footer-social li {
margin: 0px 10px 0px 0px;
line-height: 1;
}
}