/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CSS import from MID theme*/
/*cloud shop studios custom colors*/
/*blue*/
/*color:#026BAF;*/
/*import local web fonts*/
@font-face {
font-family: 'tex_gyre_bonumbold';
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-bold-webfont.eot');
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-bold-webfont.woff') format('woff'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tex_gyre_bonumregular';
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-regular-webfont.eot');
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-regular-webfont.woff') format('woff'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/texgyrebonum-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo_sans500';
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/MuseoSans_500-webfont.eot');
src: url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/MuseoSans_500-webfont.woff') format('woff'),
url('https://reunionrx.com/wp-content/themes/cloud-shop-studios/fonts/MuseoSans_500-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*wordpress default styles*/
/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
margin: 0 0 1.5em 0!important;
}
.alignleft, img.alignleft {
margin-right: 1.5em!important;
display: inline!important;
float: left!important;
/*custom style*/
margin-bottom: 1.5em!important;
}
.alignright, img.alignright {
margin-left: 1.5em!important;
display: inline!important;
float: right!important;
}
.aligncenter, img.aligncenter {
margin-right: auto!important;
margin-left: auto!important;
display: block!important;
clear: both!important;
}
.alignnone, img.alignnone {
/* not sure about this one */
}
/*.wp-caption {
margin-bottom: 1.5em!important;
text-align: center!important;
padding-top: 5px!important;
}*/
/*custom:*/
.wp-caption {
margin-bottom: 1.5em!important;
text-align: center!important;
padding-top: 0px!important;
}
/*.wp-caption img {
border: 0 none!important;
padding: 0!important;
margin: 0!important;
}*/
/*edit:*/
.wp-caption img {
border: 0 none!important;
padding: 0!important;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5!important;
font-size: 10px!important;
margin: 0!important;
}
.wp-smiley {
margin: 0 !important!important;
max-height: 1em!important;
}
blockquote.left {
margin-right: 20px!important;
text-align: right!important;
margin-left: 0!important;
width: 33%!important;
float: left!important;
}
blockquote.right {
margin-left: 20px!important;
text-align: left!important;
margin-right: 0!important;
width: 33%!important;
float: right!important;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
/*end wordpress default styles*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.home{
-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 4s; /* Firefox < 16 */
-ms-animation: fadein 4s; /* Internet Explorer */
-o-animation: fadein 4s; /* Opera < 12.1 */
animation: fadein 4s;
/*-webkit-animation-delay: .6s;*/
margin: 0;
height: 100%;
}
html{
margin: 0;
height: 100%;
font-family: 'museo_sans500';
font-weight: normal;
font-style: normal;
/*letter-spacing: 1px;*/
/*font-weight: normal;*/
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
padding-bottom: inherit;
display: block;
font-size: inherit;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
html, body, div {
/*color: #000;*/
-webkit-text-size-adjust:none;
}
body {
/*background: #f5f5f5;*/
background: #757575;
/*background-image: url(https://reunionrx.com/wp-content/themes/cloud-shop-studios/images/black-thread-light.png);*/
margin: 0px;
-webkit-text-size-adjust: 100%;
}
header{
z-index: 3000;
position: absolute;
color: white!important;
width: 100%;
height: 50px;
}
header a{
color: inherit;!important;
}
footer{
}
footer a{
/*color: white!important;*/
color: inherit;!important;
}
p, pre {
margin: 0px 0px 0px 0px;
color: inherit;
}
img {
border: 0;
/*border:none!important;*/
-ms-interpolation-mode: bicubic;
vertical-align: middle;
/*width: 100%;
height: auto;*/
/*max-width: initial!important;*/
max-width: 100%!important;
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
a:focus {
outline: none!important;
}
b, strong {
font-weight: bold;
}
input, select, textarea{
max-width: 100%!important;
}
td, th {
vertical-align: top;
}
article{
/*background-color: #fbfbfb;*/
/*background-color: black!important;*/
/*background-image: url("http://localhost/meon2nd/wp-content/themes/cloud-shop-studios/images/back03b.jpg");*/
/* background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; */
padding-bottom: 00px;
padding-top: 0px;
}
figure{
max-width: 100%!important;
width: 100%!important;
display: block;
position: relative;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
figure img{
/* width: 66%;
float: left;
padding-right: 2%;
margin-top: 6px;*/
}
figcaption{
/* width: 100%;
font-weight: normal;
float: none;
font-style: normal;
font-size: 16px;
line-height: 22px;
font-family: 'PermianSerifTypeface';
margin: 0px 0px 10px 0px;
color: gray;*/
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
/*.wp-caption-text{
margin-top: -10px;
}*/
/*cloud shop studios custom button styles*/
.btn-sm{
/* background-color: #ffffff; */
color: #808080;
padding: 8px 10px 6px 10px;
border: 1px solid #dcdcdc;
font-size: 12px;
line-height: 12px;
letter-spacing: 1px;
text-transform: uppercase;
transition: background-color 0.2s ease;
font-family: 'museo_sans500'!important;
font-weight: bold!important;
font-style: normal!important;
}
.btn-sm:hover{
/* background-color: #17dcff; */
/*background-color: #bb1987;*/
/*color: white;*/
color: #eaeaea!important;
cursor: pointer;
transition: background-color 0.2s ease;
}
.btn-md{
}
.btn-md:hover{
}
.btn-lg{
}
.btn-lg:hover{
}
.site-main{
/*background-image: url("http://localhost/meon2nd/wp-content/themes/cloud-shop-studios/images/back03b.jpg");*/
}
.site{
/*background-color: #fbfbfb;*/
}
.pageContent {
padding-top: 0px;
padding-bottom: 0px!important;
padding-left: 0px;
padding-right: 0px;
font-size: 18px;
}
.pageContent{
/*color: black;*/
/*color: white;*/
}
.pageContent p{
font-weight: inherit;
margin: 0px 0px 20px 0px;
padding:10px;
/*float: left;*/
text-align: left;
}
.pageContent img{
/*padding: 0px 10px 10px 10px;*/
}
.singlePageContent{
padding-top: 20px;
padding-bottom: 140px!important;
max-width: 1000px;
}
.venuePageContent{
padding-top: 10px;
padding-bottom: 50px!important;
}
.halfZahn{
float: left;
width: 40%;
}
.postGrid:first-child {
float: left!important;
}
.floatLeft{
float: left!important;
}
.floatRight{
float: right;!important;
}
.grid .unit{
padding-top: 0px;
}
.grid .unit:last-child {
/*padding-right: initial!important;*/
}
.grid .unit:first-child {
/*padding-left: initial!important;*/
}
.grid .unit {
/*padding: 0px!important;*/
}
.unit .unit:first-child{
padding-left: 20px;
}
.partnerGrid{
width: 16%!important;
min-height: 200px;
margin: 2%!important;
}
.google-maps {
position: relative;
padding-bottom: 300px;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.headerWrap{
margin-top: 20px;
}
::selection {
background: rgba(211, 211, 211, 0.89);
color: #333;
}
/*Fonts*/
/*footer new*/
.site-footer{
min-height: 600px;
top: 0px;
position: relative;
background-color: #026BAF;
}
.largeFooter{
max-width: 90%!important;
color: black;
padding-top: 60px;
padding-bottom: 300px;
/*padding-bottom: 400px;*/
}
.footerText{
color: white;
margin-top: 99px!important;
padding: 10px 40px 10px 40px;
font-size: 17px;
font-weight: 200;
line-height: 25px;
letter-spacing: .5px;
margin-top: 5px;
text-align: initial;
text-align: left;
}
.footerText:last-child{
/*padding-right: 0px!important;*/
}
.footerLeftCustom{
text-align: left!important;
}
.footerRightCustom{
text-align: right!important;
}
.siteByFooter{
/*text-align: right!important;*/
padding-top: 40px;
}
.footerInfoWrapper{
max-width: 1100px;
width: 100%;
display: block;
clear: both;
margin: 0 auto;
}
.footerSection{
width: 366px;
display: block;
float: left;
}
h1.sliderFont {
font-size: 100px!important;
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
}
.sectionTitle {
font-weight: 100!important;
/* font-style: italic; */
font-size: 50px;
letter-spacing: 2px!important;
color: rgba(255, 255, 255, 1);
text-decoration: none;
/* text-transform: uppercase; */
background-color: rgba(0, 0, 0, 0);
text-align: center;
width: 100%!important;
/* max-width: 800px; */
/* height: 80px!important; */
padding: 0px;
padding-bottom: 11px;
z-index: 100;
position: absolute;
top: 109px;
height: auto;
text-transform: uppercase;
margin: 5px 0 0 0px;
display: none;
}
.sectionTitle a{
font-weight: normal!important;
font-style: normal!important;
letter-spacing: inherit;!important;
color: inherit;
text-decoration: none;
font-size: inherit;
text-transform: uppercase;
}
.projectTitle {
position: relative;
margin-left: 0px;
margin-top: 0px;
padding: 13px;
padding-left: 0px;
width: 100%;
max-height: 33px;
overflow: hidden;
}
.projectTitle a{
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
font-size: 19px;
text-transform: uppercase;
}
.projectExcerpt {
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 0px!important;
line-height: 18px;
color: black;
text-decoration: none;
font-size: 14px;
/* text-transform: uppercase; */
padding-top: 0px;
padding-bottom: 10px;
max-width: 99%;
overflow: hidden;
max-height: 42px;
margin-bottom: 2%;
}
.pageText{
font-weight: 300!important;
font-style: normal!important;
letter-spacing: 0px!important;
line-height: 1.3em;
color: #6F6E6E;
text-decoration: none;
font-size: 23px;
padding-top: 0px;
padding-bottom: 10px;
overflow: hidden;
margin-bottom: 2%;
}
.newsTitle {
z-index: 99;
position: relative;
font-weight: 200!important;
letter-spacing: 1px!important;
color: rgb(111, 111, 111)!important;
text-decoration: none;
font-size: 19px;
padding: 5px 5px 5px 0px;
text-transform: inherit;
}
.artistTitle {
z-index: 99;
position: relative;
font-weight: 600!important;
letter-spacing: 2px!important;
color: rgb(111, 111, 111)!important;
text-decoration: none;
font-size: 19px;
padding: 5px 5px 5px 0px;
text-transform: uppercase;
}
.artistTitle a{
/*color: rgb(255, 255, 255);*/
text-decoration: none;
}
.testTitle {
text-align: center;
z-index: 99;
height: 12%;
margin: auto;
position: absolute;
bottom: 0;
right: 0;
font-weight: 600!important;
font-style: normal!important;
letter-spacing: 5px!important;
color: black;
text-decoration: none;
font-size: 25px;
text-transform: uppercase;
}
.testTitle a{
color: black;
text-decoration: none;
}
.artistExcerpt {
max-width: 99%;
overflow: hidden;
max-height: 45px;
margin-bottom: 15px;
}
.artistExcerpt a {
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
font-size: 14px;
/* text-transform: uppercase; */
padding-top: 10px;
padding-bottom: 10px;
}
.thePeopleExcerpt{
font-weight: 300!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: #505050;
text-decoration: none;
font-size: 14px;
/* text-transform: uppercase; */
padding-top: 5px;
padding-bottom: 10px;
max-height: 19px;
}
.titleOfPostInPostWrapper{
width: 100%!important;
}
/*fancy new fade to 0% opacity background*/
.titleOfPostInPost {
font-size: 22px;
margin-bottom: 0px;
color: black;
font-weight: 700!important;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px!important;
width: 100%;
text-transform: uppercase;
letter-spacing: 2px;
}
.titleOfPostInPostPeople{
font-size: 17px;
text-transform: uppercase;
color: rgba(158, 158, 158, 1);
font-weight: 200!important;
font-style: normal!important;
letter-spacing: 3px!important;
padding: 20px;
}
.content-area{
/*background-color: #FBFBFB;*/
/*background-color: white;*/
}
/*new*/
.contentInPost{
font-weight: 300!important;
font-size: 19px;
font-style: normal!important;
line-height: 22px;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
padding: 0px 20px 0px 20px!important;
letter-spacing: 0px;
border: 0px #353535 solid;
text-align: left;
color: #B7B7B7;
}
.contentInPost p{
padding-bottom: 0px;
padding-left: 0px;
text-align: left;
/*text-align: justify;*/
/*text-justify: inter-word;*/
text-align: inherit;
line-height: initial;
}
.contentInPost li {
list-style-type: disc !important;
margin-left: 20px;
font-size: 16px;
}
.contentInPost * img{
/*width: 100%!important;*/
/*height: auto!important;*/
height: auto!;
}
.contentInPostGallery{
padding:0px!important;
}
/*bullets show*/
.junkProjectDescription li {
list-style: initial!important;
margin-left: 20px;
}
.contentStyle{
font-size: 21px;
line-height: 24px;
letter-spacing: 1px;
}
.contentStyle:first-child(1){
}
/*new*/
.contentInPost a{
font-weight: bolder;
font-style: inherit!important;
letter-spacing: inherit!important;
/*color: inherit!important;*/
text-decoration: none;
text-transform: inherit!important;
}
.contentInPostSinglePeople{
/*font-family: ProximaNova-Light!important;*/
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
font-size: 16px;
/* text-transform: uppercase; */
padding-top: 10px;
padding-bottom: 10px;
}
.contentInPostSinglePeople p{
/*padding-bottom: 1em;*/
}
.contentInPostSinglePeople a{
/*font-family: ProximaNova-Bold!important;*/
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
/* font-size: 14px; */
/* text-transform: uppercase; */
padding-top: 10px;
padding-bottom: 10px;
}
.featuredImageInPost{
height: 300px;
overflow: hidden;
}
.featuredImageInPostProject{
height: auto!important;
width: 100%!important;
margin-bottom: 25px!important;
overflow: hidden;
padding: 0px!important;
}
.featuredImageInPostBlog{
height: auto!important;
margin-bottom: 25px!important;
margin-top: 5px!important;
overflow: hidden;
}
.featuredImageInPostPeople{
padding-bottom: 30px!important;
}
.exhibitionTitleInPost{
/*padding: 0px;
padding-left: 20px!important;
padding-bottom: 10px;
padding-top: 10px;*/
}
.singleResponsiveTitleAndDescription{
/*width: inherit!important;*/
}
.singleResponsiveFeaturedImage{
/*width: inherit!important;*/
}
.archiveSideBar:first-child(2){
padding: 20px;
}
#tagName li{
padding: 20px;
}
.nemus-slider .slide.nemus-active-slide .caption {
opacity: 1;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
/*font-family: 'Rokkitt', serif!important;*/
font-weight: 700!important;
font-style: normal!important;
letter-spacing: 1px!important;
font-size: 28px;
text-transform: uppercase;
font-style: italic;
}
.testLinkActive {
color: #AAAAAA!important;
/*font-weight: bold!important;*/
}
.homePageTagContainer{
width: 100%;
/* height: 100px; */
background-color: rgba(0, 0, 0, 0.57);
margin-top: -235px;
margin-bottom: 50px;
color: white;
/*font-family: 'Rokkitt', serif!important;*/
font-weight: 200!important;
letter-spacing: 1px!important;
text-transform: uppercase;
padding-top: 20px;
padding-bottom: 20px;
font-style: italic;
}
.homePageTag{
color: white;
max-width: 823px;
margin: 0 auto;
text-align: left;
font-size: 24px;
padding-left: 25px;
padding-right: 25px;
}
.peopleType{
padding-top: 40px!important;
padding-bottom: 20px;
color: #000!important;
text-shadow: none;
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
letter-spacing: 10px!important;
font-size: 30px!important;
font-weight: 300!important;
font-size: 30px!important;
text-transform: uppercase;
}
.programBlurb{
/*font-family*/: 'Rokkitt', serif!important;
font-weight: 700!important;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
font-size: 25px;
/* text-transform: uppercase; */
padding-top: 10px;
padding-bottom: 10px;
}
.homePageContent{
padding-bottom: 25px!important;
margin-top: 10px!important;
}
.singleHeaderTitle{
/*top: 100px;*/
}
/*project styles*/
.singleProjectTitle{
width: 100%;
text-align: left;
font-size: 35px;
font-weight: 100;
padding-bottom: 20px;
}
.projectPageGrid{
padding: 60px 50px 20px 50px;
width: 80%!important;
max-width: 1400px!important;
z-index: 99;
color: #7b7b7b;
background-color: white;
margin-top: 0px!important;
}
.single-cat-project-content{
background-color: white;
padding: 40px 40px 40px 40px;
margin: 40px 0px 10px 0px;
position: relative;
/* float: left; */
clear: both;
}
.single-cat-project-content a * {
color: rgb(255, 0, 128)!important;
}
/*make 2/3 wide*/
/*.single-cat-project-content img{
width: 66%;
float: left;
padding-right: 20px;
margin-top: 6px;
}*/
.single-cat-project-content img {
/*width: 100%;*/
max-width: 100%;
/*float: left;*/
padding-right: 0px;
margin-top: 6px;
margin-bottom: 20px;
border: 1px solid #f1f1f1;
}
.single-cat-project-content p {
width: 100%;
font-weight: 300;
float: none;
font-style: normal;
font-size: 17px;
line-height: 22px;
margin: 0px 0px 30px 0px;
letter-spacing: 0px;
}
.single-cat-project-content blockquote {
width: 100%;
font-weight: 300;
float: none;
font-style: normal;
font-size: 17px;
line-height: 22px;
margin: 0px 0px 30px 0px;
letter-spacing: 0px;
font-style: italic;
}
.single-cat-project-content-featured-image{
padding: 40px 40px 40px 40px;
margin: 40px 0px 40px 0px;
position: relative;
}
.single-cat-project-content-project-description{
padding: 40px 40px 40px 40px;
margin: 40px 0px 40px 0px;
position: relative;
}
.singlePostTitle{
text-align: left;
font-weight: 300;
font-size: 25px;
letter-spacing: 0px;
padding: 0px 0px 10px 0px;
/* text-transform: uppercase; */
line-height: 15px;
color: inherit;
margin: 0px 0px 20px 0px;
padding: 0px 10px 0px 10px;
}
.singlePostCat, .singlePostCat li{
text-align: left;
font-weight: inherit;
font-size: 13px;
letter-spacing: 1px;
padding: 7px 0px 10px 10px;
text-transform: uppercase;
line-height: initial;
color: inherit;
display: initial;
}
.singlePostCat{
margin-left: -10px;
}
.singlePostDate{
text-align: left;
font-weight: inherit;
font-size: 13px;
letter-spacing: 1px;
padding: 7px 0px 10px 0px;
text-transform: uppercase;
line-height: initial;
color: inherit;
}
.singlePostExcerpt{
text-align: left;
font-weight: 200;
font-size: 15px;
padding: 0px 0px 35px .25%;
text-transform: uppercase;
line-height: 15px;
color: inherit;
letter-spacing: 0px;
}
.singlePostContent, .singlePostContent > ol, .singlePostContent > li{
width: 100%;
text-align: left;
font-weight: 200;
font-size: inherit;
font-size: 15px;
padding: 10px 0px 10px 0px;
line-height: 22px;
letter-spacing: 0px;
color: inherit;
padding: 40px 0px 30px 0px;
font-weight: 300;
font-style: normal;
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
float: left;
}
.singlePostContent > ol, .singlePostContent > li{
}
.singlePostContent a {
/*color:#bb1987!important;*/
color: rgb(255, 0, 128)!important;
}
.singlePostContent > a {
/*color:#bb1987!important;*/
color: rgb(255, 0, 128)!important;
}
.singlePostContent img {
max-width: 100%;
/*width: 100%;*/
/*float: left;*/
padding-right: 0px;
margin-top: 6px;
margin-bottom: 20px;
/*border: 1px solid #f1f1f1;*/
}
.bannerWrapperFullServices{
background-color: lightsteelblue;
}
.bannerWrapperSourcing{
background-color: lightsteelblue;
}
.bannerWrapperProduct{
background-color: #F7F7F7;
}
.pageBanner{
height: 87px;
background-color: black;
/*background-color: #F15B23;*/
overflow: hidden;
/*background-image: url("http://localhost/meon2nd/wp-content/themes/cloud-shop-studios/images/metal01.jpg");*/
background-size: cover; /* <------ */
background-repeat: no-repeat;
background-position: center center; /* optional, center the image */
z-index: 99;
position: relative;
}
.singleHeader{
height: 69px!important;
/*top: -20px;*/
}
.bannerWrapper{
/* height: 500px; */
min-height: 92px;
background-position: 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0 auto;
/* max-height: 500px; */
/* -webkit-filter: brightness(0.8); */
padding-top: 140px;
}
.staticPageContentPeopleDiscription{
padding-bottom: 25px;
font-size: 19px;
}
.socialMediaContainer{
padding-left: 75px!important;
margin-top: 10px!important;
}
.socialMedia{
width: 39px;
float: left;
padding: 20px;
}
/*End Fonts*/
/*logo*/
.logo {width: 175px;}
.logo{
/*width:49%;*/
width: 175px!important;
float: left;
/*padding: 1.5%;*/
padding: 20px;
}
/*structure*/
/*.headerWrap {padding: 20px 20px 20px 20px;}*/
.menu-header{
float: left;
}
.menu {
float: right;
/* width: 900px!important; */
margin-top: 23px!important;
display: block;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
color: black;
text-align: right;
}
.menu-item {
float: left;
color: black;
padding: 20px;
}
/*/////////////////////////////////////////////*/
/*slim nav*/
.menu #navigationFooter {
float: right;
width: 200px!important;
margin-top: 12px!important;
}
#navigation{
width: 608px !important;
position: absolute;
right: 0;
/*top: -20px;*/
}
.menu {
float: right;
/*width: 900px!important;*/
margin-top: 8px!important;
}
ul.slimmenu li a {
display: block;
color: inherit;
padding: 5px 55px 5px 16px;
line-height: initial;
font-family: inherit;
font-size: 19px;
font-weight: 200;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-webkit-transition: background-color 0.2s ease-out;
text-transform: lowercase;
}
ul.slimmenu li {
position: relative;
display: inline-block;
background-color: rgba(255, 255, 255, 0.9);
/*min-width: 150px;*/
color: #5F5F5F;
}
ul.slimmenu li a:hover {
background-color: gray!important;
color: white!important;
font-weight: 200!important;
text-decoration: none;
}
ul.slimmenu li .sub-collapser {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.075);
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 999;
cursor: pointer;
}
.searchCustom{
height: 28px!important;
overflow: hidden;
top: 15px;
float: left;
}
.searchform{
margin-top: -8px;
}
.collapse-button{
position: absolute;
right: 32px;
top: 21px;
width: 48px;
background-color: #5F5F5F;
background-image: none!important;
background-repeat: none!important;
border-color: none!important;
border-radius: 0px;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding: 7px 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
font-size: 14px;
text-align: center;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.collapse-button .icon-bar {
background-color: #F5F5F5;
border-radius: 0px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 4px;
width: 26px;
margin: 4px 0;
}
ul.slimmenu li .sub-collapser > i {
display: none;
}
ul.slimmenu li ul li {
background-color: rgba(255, 255, 255, 0.96)!important;
min-width: 250px;
}
ul.slimmenu li ul {
/*background-color: rgba(255, 255, 255, 0.8)!important;*/
min-width: 250px;
margin-top: 5px;
}
/*wordpress menu highlight current page menu item*/
.current_page_item a {
color: inherit!important;
font-weight: 200!important;
}
/*slim nav*/
/*/////////////////////////////////////////////////////////*/
/*remove chevron from wordpress dropdown menu*/
i, em, dfn {
font-style: italic;
/*display: none;*/
color: inherit!important;
/*font-weight: bolder;*/
}
.collapse-button{
margin-top: 15px;
}
.myExcerptClass{
font-size: 15px;
/*font-family*/: 'Rokkitt', serif!important;
font-weight: 200!important;
font-style: normal!important;
letter-spacing: 1px!important;
}
.myExcerptClass a{
color: white!important;
}
.staticPageContent{
/*font-size: 19px;*/
/*font-family*/: 'Rokkitt', serif!important;
font-weight: 200!important;
font-style: normal!important;
line-height: 1.3;
letter-spacing: 1px!important;
color: black;
text-decoration: none;
font-size: 18px;
/* text-transform: uppercase; */
padding-top: 10px;
padding-bottom: 10px;
}
.staticPageContent p{
padding-bottom: 1em;
}
.staticPageContent li{
padding-bottom: 1em;
}
/*Adds worpdress bullets to the content in the curriculum and other static pages*/
.staticPageContent li {
list-style-type: circle!important;
}
.staticPageContent ul {
list-style-type: circle!important;
}
.contentInPost li {
/*list-style-type: circle!important;*/
}
.contentInPost ul {
list-style-type: circle!important;
}
.peoplePageImage{
max-height: 400px;
overflow: hidden;
}
.featImage{
-webkit-filter: brightness(0.8);
transform: scale(1.0);
-webkit-transition: all 0.5s;
height: 100%;
width: 100%;
position: relative;
display: block;
}
.artistTitleHome:hover + .featImage{
-webkit-filter: brightness(1.00);
transform: scale(1.05);
-webkit-transition: all 0.5s;
}
.artistTitleHome {
z-index: 99;
position: relative;
font-weight: 600!important;
letter-spacing: 2px!important;
color: rgb(255, 255, 255)!important;
text-decoration: none;
font-size: 24px;
/*padding: 5px 5% 5px 5%;*/
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
left: 0;
text-align: center;
bottom: 0;
height: 100%;
margin-top: 0;
position: absolute;
/* transform: translate(-50%,-50%); */
display: flex; /* flex fills the child to size of the parent*/
}
.artistTitleHome a{
height: 100%;
width: 100%;
padding-top: 26%;
}
.featImageTest{
width: 200px;
}
.testImageWrap{
width: 200px;
}
.testExcerptWrap{
}
.excerpt{
/*font-weight: 200!important;*/
/* font-style: normal!important;
letter-spacing: 1px!important;
line-height: 32px;
font-size: 22px;
font-size: smaller;*/
color: black;
text-transform: initial;
}
.supportPageImage{
max-height: 500px;
max-width: auto;
min-height: 236px;
}
.attachment-support{
margin: 0;
position: absolute; /* 2 */
top: 50%; /* 3 */
transform: translate(0, -50%) } /* 4 */
}
.fullWidthWrapper{
width: 100%;
height: auto;
position: relative;
float: left;
}
.sideBarRight{
float: right!important;
width: 33%!important;
position: absolute;
right: 0px!important;
z-index: 2!important;
margin-bottom: 50px!important;
padding-left: 20px!important;
}
.dateTime{
font-weight: 100;
font-style: normal;
letter-spacing: 1px;
font-size: 14px;
padding: 0px 5px 10px 0px;
}
.tagPageTitle{
/*font-family: ProximaNovaS-Bold;*/
font-weight: normal;
font-style: normal;
letter-spacing: 1px;
font-size: 19px;
padding-bottom: 10px;
padding-top: 10px;
}
.sideBarBlockTitle{
/*font-family: ProximaNova-Light;*/
font-weight: normal;
font-style: normal;
letter-spacing: 1px;
font-size: 12px;
padding-bottom: 10px;
padding-top: 10px;
}
.archiveSideBar{
padding-top: 10px;
padding-bottom: 10px;
}
.theTags{
position: absolute;
right: -99999px;
}
/*/////////////////////////////////////////////MID styles//////////////*/
/*MID Custom styles for entire site*/
/*.nemus-slider .caption { font-family: 'Rokkitt', serif; font-weight: 700; }*/
/*End Fonts*/
/*logo*/
/*.logo {width: 400px;}*/
.logo{
/*width:49%;*/
width: 400px!important;
float: left;
/*padding: 1.5%;*/
padding: 20px;
}
.logo2{
width: 237px;
/*float: left;*/
padding: 10px;
padding-top: 25px;
padding-bottom: 32px;
}
.apply {
float: left;
width: 14%;
margin-top: 13px;
/* padding: 1.5%; */
padding: 20px;
}
.applyButton{
height: 30px;
width: 150px;
/*background-color: #F06465;*/
background-color: #F06465;
text-align: center;
line-height: 30px;
color: white;
font-weight: bold;
}
/*//////////////////////////////////////////////////*/
/*footer*/
#navigationFooter{
padding-top: 25px;
}
.menuFooter{
width: 200px!important;
}
.menuFooter li{
height:30px;
}
.menuFooter li a{
color: white!important;
}
.mailForm{
padding-top: 19px;
}
.contactInfo{
text-align: left;
color: white!important;
line-height: 19px;
padding: 10px;
padding-top: 0px;
font-size: 14px;
/*font-family: ProximaNova-Light!important;*/
}
.contactInfo a{
color: white!important;
}
#mc_embed_signup {
background: rgba(85, 85, 85, 0);
/* clear: left; */
/*font-family: ProximaNova-Bold!important;*/
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: white;
}
#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
padding: 10px;
padding: 10px 0 10px 0px!important;
}
#mc_embed_signup input.email {
display: block;
padding: 12px 0;
margin: 0 4% 22px 0!important;
text-indent: 5px;
width: 244px!important;
min-width: 130px;
}
#mc_embed_signup label {
font-size: 14px!important;
padding-bottom: 19px!important;
}
#mc_embed_signup input.button {
border-radius: 0px!important;
width: 247px!important;
margin: 0 0 10px 0;
min-width: 90px;
}
.wc-gallery{
padding-top: 25px;
width: 155%!important;
}
/*footer end*/
/*//////////////////////////////////////////////////*/
/*start button*/
.myButton {
margin-top: 18px;
float: left;
-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
box-shadow:inset 0px 1px 0px 0px #cf866c;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
background-color:#d0451b;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius: 0px;
border: 1px solid #942911;
display: inline-block;
cursor: pointer;
color: #ffffff;
/*font-family: ProximaNova-Bold!important;*/
font-weight: normal!important;
font-style: normal!important;
letter-spacing: 1px!important;
line-height: 12px;
font-size: 14px;
font-weight: bold;
padding: 8px 24px;
padding-top: 8px;
padding-bottom: 6px;
text-decoration: none;
text-shadow: 0px 1px 0px #854629;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
background-color:#bc3315;
}
.myButton:active {
position:relative;
top:1px;
}
/*end button*/
.testLinkActive {
/*color: #40C2D4!important;*/
color: #00B4CE!important;
font-weight: bold!important;
}
.myExcerptClass{
font-size: 10px;
}
.thePeopleExcerpt .excerpt{
color: black!important;
}
.projectImageSingle{
float: left;
}
.wrap .grid, .grid.wrap {
/*max-width: none!important;*/
}
.homeGridBox{
padding: 0px!important;
position: relative;
z-index: 2000;
}
.homeGrid {
max-width: 100%!important;
z-index: 99;
}
.pageGrid {
max-width: 100%!important;
z-index: 99;
/*padding: 40px;*/
padding-top: 0px!important;
}
.postPageGrid {
z-index: 99;
color: #ffffff;
background-color: white;
margin-top: 50px!important;
padding: 40px 90px 40px 90px!important;
width: 100%!important;
max-width: 100%!important;
font-weight: 300!important;
line-height: 22px;
margin-left: 0px!important;
margin-right: 0px!important;
box-shadow: 0px 1px 2px 2px rgba(25, 25, 25, 0.11);
background-color: #2e8cd2;
}
.postPageInner{
max-width: 1000px;
margin: 0 auto;
padding: 40px 0px 80px 0px;
}
.aboutPageTop{
margin-top: 120px!important;
}
.homeGridBox:last-child {
padding-right: 0px!important;
}
.homeGridBox:first-child {
padding-left: 0px!important;
}
.post-thumbnail-caption{
font-size: 19px;
color: black;
}
.myDiv{
color: black;
height: 50px;
position: absolute;
}
.wc-gallery-captions-show .gallery-caption {
background-color: #f5f5f5;
font-size: 10px;
}
/*.hideme
{
opacity:0;
}
*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Junk Custom styles*/
.logoImg{
/*width: 580px;*/
/*height: 446px;*/
}
/*.logoHome{
position: absolute;
z-index: 999;
width: 80%;
position: absolute;
top: 43%;
left: 50%;
margin: 0px 0 0 -40%;
}*/
.logoHome {
position: absolute;
z-index: 999;
width: 40%;
position: absolute;
top: 35%;
left: 50%;
margin: 0px 0 0 -20%;
}
.logoFooter{
position: relative;
width: 200px;
}
.junkLogoImgPage{
width: 123px;
padding: 10px 0px 12px 0px;
position: absolute;
left: 20px;
top: 0px;
margin: 0 auto;
}
.junkLogoImgPageFooter{
width: 100%;
padding: 0px;
position: relative;
left: 0px;
top: -10px;
}
.callUsHeader{
position: absolute;
top: 25px;
left: 50px;
background-color: #bb1987;
color: white;
}
.emailUsHeader{
position: absolute;
top: 25px;
left: 20px;
}
.widget-header-left{
position: absolute;
top: 25px;
left: 20px;
}
/*header icons*/
.phone-icon{
display: none;
width: 20px;
height: 20px;
}
.email-icon{
display: none;
width: 20px;
height: 20px;
}
/*.logoContainer{
z-index: 999999;
top: 20px;
left: 20px;
color: #FFF!important;
text-shadow: none;
font-size: 30px!important;
text-transform: uppercase;
letter-spacing: 5px;
width: 450px;
height: 20px;
position: fixed;
font-family: 'caviar_dreamsbold'!important;
font-weight: normal!important;
font-style: normal!important;
}*/
/*american gothic style*/
/*.logoContainer {
z-index: 999999;
top: 20px;
left: 20px;
margin-top: 30px;
margin-left: 50px;
color: rgb(255, 255, 255)!important;
text-shadow: none;
font-size: 76px!important;
text-transform: uppercase;
letter-spacing: 20px;
font-weight: 100;
line-height: 83px;
text-shadow: 1px 1px 1px rgb(140, 140, 140);
width: 200px;
height: 20px;
font-family: 'caviar_dreamsbold'!important;
font-style: normal!important;
float: left;
}*/
/*colin noonan style*/
/*.logoContainer {
z-index: 999999;
top: 20px;
left: 20px;
margin-top: 30px;
margin-left: 40px;
color: rgb(4, 4, 4)!important;
text-shadow: none;
font-size: 47px!important;
letter-spacing: 2px;
font-style: normal!important;
float: left;
background-color: rgb(255, 255, 255);
padding: 1px 20px 1px 13px;
font-family: 'walkway_oblique_ultraboldRg';
font-family: 'walkway_obliqueregular';
border: 1px solid black;
}*/
/*Cloud Shop Studios style*/
.logoContainer {
z-index: 999999;
/* left: 20px; */
/* margin-left: 40px; */
color: rgb(4, 4, 4)!important;
text-shadow: none;
font-size: 47px!important;
letter-spacing: 2px;
font-style: normal!important;
/* float: left; */
/*font-family: 'walkway_oblique_ultraboldRg';*/
/*font-family: 'walkway_obliqueregular';*/
width: 250px;
margin: 0 auto;
}
.textLogo{
width: 200px;
color: rgba(0, 0, 0, 0.6);
font-size: 24px;
font-weight: 400;
position: relative;
left: 0px;
padding: 10px;
top: -5px;
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
font-size: 25px!important;
letter-spacing: 4px;
width: 250px;
z-index: 99;
}
.junkNavItem{
color: #FFF!important;
text-shadow: none;
font-family: 'caviardreams_regular_macroman', sans-serif;
font-size: 30px!important;
text-transform: uppercase;
letter-spacing: 5px;
background-color: rgb(61, 61, 61);
padding: 6px 6px 6px 40px;
margin: 10px 10px 20px 0px;
width: 250px;
z-index: 99;
}
.junkNavItem a{
font-weight: 300!important;
}
#what{
position: fixed;
}
#who{
position: fixed;
margin-top: 53px;
}
#interact{
position: fixed;
margin-top: 96px;
}
/*fixed smaller style*/
.junkNavItem {
color: #FFF!important;
text-shadow: none;
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
font-family: 'caviardreams_regular_macroman', sans-serif;
font-size: 20px!important;
text-transform: uppercase;
letter-spacing: 5px;
background-color: rgb(61, 61, 61);
padding: 6px 6px 6px 40px;
margin: 10px 10px 20px 0px;
width: 183px;
z-index: 99;
}
.siteBy{
/* display: none; */
color: #FFFFFF!important;
color: #FFFFFF!important;
text-shadow: none;
font-family: 'caviardreams_regular_macroman', sans-serif;
font-size: 10px!important;
text-transform: uppercase;
letter-spacing: 3px;
/* background-color: #1485ff; */
padding: 10px 0px 5px 15px;
position: fixed;
float: left;
bottom: 0px;
left: 3px;
z-index: 999999;
width: 100px;
height: 34px;
}
.siteBy a img{
width: 76px;
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*Rev slider custom */
#rev_slider_24_2_wrapper{
display: none!important;
}
#rev_slider_19_1 *,.tp-simpleresponsive img{
background-size: contain!important;
background-color: rgba(37, 37, 37, 0.3)!important;
background-position: center 0px!important;
}
#rev_slider_19_2 *,.tp-simpleresponsive img{
background-size: contain!important;
background-color: rgba(37, 37, 37, 0.3)!important;
}
.defaultimg{
/*background-position: inherit!important;*/
}
.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 0px!important;
}
#rev_slider_10_1.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
/*background-position: center 0px!important;*/
background-color: rgba(37, 37, 37, 0)!important;
/* background-size: contain!important;
height: 75vh!important;*/
}
.tp-caption.black, .black {
font-size: 30px!important;
line-height: 36px;
font-weight: 100!important;
font-family: 'caviardreams_regular_macroman', sans-serif;
color: #191919!important;
text-decoration: none;
background-color: rgb(255, 255, 255)!important;
text-shadow: none;
margin: 0px;
letter-spacing: 1px!important;
padding: 1px 4px 0px 4px;
width: auto!important;
white-space: normal !important;
height: auto!important;
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
left: 4%!important;
bottom: 0px!important;
top: auto!important;
text-transform: lowercase;
padding: 2px!important;
padding-right: 20px!important;
padding-left: 20px!important;
font-size: 22px!important;
}
.tp-caption.caption, .caption{
font-weight: 200!important;
font-family: 'caviardreams_regular_macroman', sans-serif;
color: #ffffff!important;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.76)!important;
text-shadow: none;
margin: 0px;
letter-spacing: 0px!important;
padding: 1px 4px 0px 4px;
width: auto!important;
white-space: normal!important;
height: auto!important;
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
left: 4%!important;
padding: 5px!important;
line-height: 22px!important;
padding-right: 20px!important;
padding-left: 20px!important;
font-size: 19px!important;
display: none!important;
}
.tp-caption.excerpt {
border-width: 0px;
border-color: rgb(34,34,34);
border-style: none;
font-weight: 200!important;
font-family: inherit!important;
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.76)!important;
text-shadow: none;
margin: 0px;
letter-spacing: -1.5px;
padding: 1px 4px 0px 4px;
width: auto!important;
white-space: normal!important;
height: auto!important;
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
left: 4%!important;
padding: 5px!important;
letter-spacing: 0px!important;
line-height: 22px!Important;
padding-right: 20px!important;
padding-left: 20px!important;
font-size: 19px!important;
display: none!important;
}
.fullscreen-container {
/* z-index: 10;
height: 100vh!important;
-webkit-filter: brightness(.3);
filter: brightness(.3);
position: relative!important;*/
}
.fullscreen-container{
top: -71px!important;
}
#rev_slider_10_1_wrapper{
top: 0px!important;
margin-bottom: 0px!important;
/*height: 75vh!important;*/
}
.fullcoveredvideo video, .fullscreenvideo video {
background: #000;
-webkit-filter: brightness(0.8);
}
.fullwidthbanner-container {
/*position: relative!important;*/
/*height: 75vh!important;*/
}
.tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li{
/*height: 75vh!important;*/
}
.tp-revslider-slidesli, .tp-revslider-mainul{
/*height: 75vh!important;*/
}
.tp-revslider-slidesli, .tp-revslider-mainul {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
#rev_slider_13_1_wrapper.forcefullwidth_wrapper_tp_banner {
width: 100%;
position: relative;
max-height: 600px!important;
}
.forcefullwidth_wrapper_tp_banner{
margin-bottom: 0px!important;
}
#rev_slider_19_2
.rev_slider li.tp-revslider-slidesli{
top: 200px;
}
#rev_slider_19_2.rev_slider li.tp-revslider-slidesli{
top: 0px!important;
}
/*testimonial slider styles*/
#rev_slider_33_3_wrapper *{
background-color: rgba(37, 37, 37, 0)!important;
color: white;
}
#rev_slider_33_3_wrapper{
height: 300px!important;
}
#rev_slider_33_3{
height: 300px!important;
padding-bottom: 20px!important;
}
.testimonial{
font-size: 22px!important;
font-weight: 500;
line-height: 28px;
/* font-style: italic; */
}
.testimonialPerson{
font-size: 21px!important;
margin-bottom: 15px;
margin-top: 15px;
font-weight: 100;
}
.testimonialPersonTitle{
font-size: 14px!important;
font-weight: 100;
}
#slide-78-layer-2{
}
.testimonialPerson:first-child{
border-radius: 50%;
border: 4px solid white!important;
margin-top: 7px!important;
}
/*white arrows*/
.metis.tparrows:before {
color: #fff!important;
}
/*end rev*/
/*////////////////////////////////////////////////////////////////////////*/
/*captions + down arrows for rev*/
.tparrows{
}
.customCaptionClass {
right: auto!important;
left: 47px!Important;
/* width: 400px; */
/* bottom: 52px; */
font-size: 22px!important;
font-weight: bold!important;
letter-spacing: 2px!important;
background-color: rgba(255,255,255,.5)!important;
color: #080808!important;
text-transform: uppercase;
padding: 13px 20px 3px 20px!important;
border-style: solid;
border-width: 1px 1px 0px 1px!important;
border-color: #c3c3c3;
}
.customCaptionClass2 {
position: relative;
display: block;
right: auto!important;
position: absolute;
left: 47px!important;
/* bottom: 18px; */
font-size: 14px!important;
font-weight: 100!important;
line-height: 16px!important;
letter-spacing: .5px!important;
background-color: rgba(255,255,255,.5)!important;
color: #080808!important;
white-space: initial!important;
padding: 8px 20px 9px 20px!important;
border-style: solid;
border-width: 0px 1px 2px 1px!important;
border-color: #c3c3c3;
border-bottom-color: black;
}
#customArrowId {
bottom: 10px;
color: rgb(255, 255, 255)!important;
font-size: 90px!Important;
height: 50px;
width: 50px;
display: none;
}
#customArrowId:hover {
cursor: pointer;
}
.custom.tparrows:before{
font-size: 35px!important;
}
.custom.tparrows {
background: none!important;
}
.custom.tparrows:hover {
background: none!important;
}
/*end captions for rev*/
/*/////////////////////////////////////////////*/
/*mobile replacement for rev*/
/*mobile versions:*/
/*desktop versions:*/
/*cut style desktop*/
#rev_slider_20_1_wrapper{
display: block!important;
}
/*color desktop*/
#rev_slider_23_1_wrapper{
display: block!important;
}
/*treatments desktop*/
#rev_slider_22_1_wrapper{
display: block!important;
}
/*bridal desktop*/
#rev_slider_13_1_wrapper{
display: block!important;
}
/*about desktop*/
#rev_slider_21_1_wrapper{
display: block!important;
}
/*/////////////////////////////////////////////*/
/*mobile ios / ie 8 styles*/
img.tp-slider-alternative-image{
width: 106%!important;
margin-left: -2%!important;
margin-top: -30px;
padding-bottom: 15px;
}
/*new home slider custom styles*/
.titleCustomNew{
width: 800px;
font-size: 24px!important;
letter-spacing: 2px!important;
bottom: 170px;
position: relative;
text-align: center;
line-height: 33px!important;
color: white;
white-space: initial;
display: inline-block;
vertical-align: middle;
color: inherit!important;
font-family: 'museo_sans500'!important;
font-weight: bold!important;
font-style: normal!important;
text-transform: uppercase;
}
.excerptCustomNew{
font-size: 15px!important;
bottom: 100px;
/* position: absolute; */
position: relative;
text-align: left;
bottom: 100px;
color: white;
/* max-width: 100%; */
white-space: initial;
margin: 0 auto!important;
line-height: 19px!important;
text-transform: inherit;
font-weight: 500!important;
letter-spacing: 2px!important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
}
.slotholder{
/*-webkit-filter: brightness(0.80);*/
}
#rev_slider_33_2 *{
color: white!important;
background: rgba(255, 255, 255, 0)!important;
}
.metis.tparrows{
background: rgba(255, 255, 255, 0)!important;
}
.metis-1.tparrows{
background: rgba(255, 255, 255, 0)!important;
padding: 10px;
transition: all 0.2s!important;
-webkit-transition: all 0.2s!important;
width: 60px!important;
height: 60px!important;
box-sizing: border-box;
color: #d4d4d4!important;
}
.metis-1.tparrows:before {
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.tparrows:before {
font-family: "revicons";
font-size: 20px;
lor: #fff;
display: block;
line-height: 40px;
text-align: center;
}
.blackBarRev{
/* z-index: 1!important; */
margin-top: 0px!important;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(32, 58, 70, 0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(32, 58, 70, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(32, 58, 70, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
background-color: rgba(0, 0, 0, 0)!important;
height: 500px;
max-height: 500px!important;
}
/*end rev slider custom*/
/*///////////////////////////////////////////////////////////////////////////////*/
.contentInPost img {
/*margin-right: 2%;
width: 48%;
margin-bottom: 2%;*/
padding-top: 0px;
}
/*custom masonry*/
/*custom masonry*/
.masonry-brick{
/*make 33% :*/
/* width: 29%;
margin: 1%;
padding: 1%;*/
/*make 50% :*/
/* width: 46%!important;
margin: 1%!important;
padding: 1%!important;*/
/* width: 49%!important;
margin: .25%!important;
padding: .25%!important;*/
}
/*.masonry-brick {
width: 46%!important;
margin: 1%!important;
padding: 1%!important;
}*/
.masonry-brick {
width: 24.5%!important;
float: left!important;
margin: .125%!important;
padding: .125%!important;
bottom: auto!important;
}
.masonry-brick {
/* width: 50%!important;
margin: 0%!important;
padding: 0%!important;
margin-top: -20px!important;*/
}
.masonry{
margin: 0 auto;
padding: 0;
width: 100%!important;
}
/*photoswipe hack*/
.ps-toolbar {
opacity:0.8 !important;
}
.pswp__ui--idle .pswp__top-bar {
opacity: 1!important;
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
opacity: 1;
/* position: fixed!important;
bottom: 0!important;
margin-bottom: 20px;*/
}
.customBackNextPhotoswipe {
position: fixed!important;
bottom: 0!important;
margin-bottom: 20px;
}
/*photoswipe hack*/
.pswp__button--arrow--left, .pswp__button--arrow--right {
background: none!important;
top: auto!important;
bottom: 0;
margin-top: -0px!important;
width: 70px!important;
height: 100px!important;
position: fixed!important;
}
.junkDescription{
font-size: 19px;
font-weight: 300;
letter-spacing: 2px;
}
.junkProjectDescription{
font-size: 19px;
line-height: 27px;
font-weight: 200;
letter-spacing: 1px;
padding: 20px 0px 20px 0px;
}
.junkProjectDescription b, {
font-weight: 700;
color: rgb(142, 142, 142);
padding: 0px 5px 0px 0px;
font-size: 25px;
margin: 0px;
letter-spacing: 6px;
text-transform: uppercase;
/*font-family: 'Lato', sans-serif!important;*/
font-family: 'Source Sans Pro', sans-serif!important;
}
.junkProjectTitle{
font-size: 15px;
font-weight: 200;
letter-spacing: 1px;
padding: 20px;
}
.projectHeaderOverlay{
/*background-color: #000;*/
position: absolute;
height: 100%;
width: 100%;
opacity: 1;
color: #FFF;
bottom: 0px;
z-index: 1;
}
.projectHeaderImage img{
z-index: 1;
}
.projectHeaderImage{
opacity: 1;
max-height: 500px;
}
.projectTitleInOverlay{
text-align: center;
position: absolute;
top: 40%;
color: #FFFFFF!important;
text-shadow: none;
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
font-family: 'Source Sans Pro', sans-serif!important;
font-size: 45px!important;
text-transform: uppercase;
letter-spacing: 25px;
font-weight: 800;
z-index: 99;
width: 100%;
text-shadow: -1px 1px 1px black;
}
.projectHeaderOverlayInteract{
background-color: #000;
position: absolute;
height: 100%;
width: 100%;
opacity: .3;
color: #FFF;
bottom: 0px;
z-index: 1;
}
.projectTitleInOverlayInteract{
text-align: center;
position: absolute;
top: 40%;
color: #FFF!important;
text-shadow: none;
/*font-family: 'caviardreams_regular_macroman', sans-serif;*/
font-family: 'caviardreams_regular_macroman', sans-serif;
font-size: 50px!important;
text-transform: uppercase;
letter-spacing: 10px;
font-weight: 700;
z-index: 99;
width: 100%;
}
/*contact form*/
#contact-form-200{
margin-top: 50px;
padding: 20px;
}
.contact-form label span {
color: #AAA;
margin-left: 15px!important;
font-weight: normal;
font-size: 12px;
}
#contact-form-comment-g200-comment{
height: 150px;
width: 100%;
float: none;
margin-bottom: 13px;
padding: 0px;
}
.payPal{
margin-left: 40%;
}
.payPalClass{
width: 146px;
margin-top: 25px;
}
.test{
overflow: hidden;
}
.interactGrid{
padding: 0px!important;
margin: 1%;
width: 48%!important;
}
#menuOne{
position: fixed;
}
/*wordpress default image gallery css*/
.gallery-item {
margin-top: 5px!important;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.gallery-item img {
border: 0px solid white !important;
}
/*////////////////////////////////////////////////// End MID styles //////////*/
#content{
margin-top: 71px;
min-height: 800px;
}
.container {
position: fixed;
/* position: relative; */
width: 100%;
/* max-width: 1200px; */
/* max-width: 96%; */
z-index: 99999;
height: 80px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
border-bottom: 1px solid rgba(241, 241, 241, 0.64);
/* display: none!important; */
/* background-image: url(http://localhost/meon2nd/wp-content/themes/cloud-shop-studios/images/metal06.jpg); */
/*background-color: rgba(255, 255, 255, 0.82);*/
background-color: rgb(255, 255, 255);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.navTextWrapper{
height: 43px;
width: 85%;
/* margin-right: 20%; */
/* left: 10%; */
/* margin: 0 auto; */
position: absolute;
top: 35px;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 1px;
right: 4%;
}
.content {
position: relative;
/*padding-top: 80px;*/
padding: 40px 0px 60px 0px;
}
.content a{
text-decoration: underline!important;
}
#header {
z-index: 2;
position: fixed;
width: 100%;
height: 60px;
line-height: 60px;
background: #222;
color: white;
}
/*.navItem{
list-style: none;
background-color: rgba(255, 255, 255, 1);
margin: 0px 0px 0px 0px;
padding: 8px 15px 8px 15px;
font-size: 16px;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: 300;
color: rgb(119, 119, 119);
float: left;
}
.navItemDrop{
min-width: 115px;
min-width: 146px;
background-color: white;
}*/
.dropClass{
cursor: default;
}
.navItemFooter{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 20px;
/* width: 200px; */
font-size: 19px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 200;
color: white;
}
.navItem:hover{
background-color: #F5F5F5;
color: white!important;
background-color: #DADADA;
}
.containerFooter {
position: fixed;
width: 100%;
z-index: 9999;
height: 66px;
bottom: 0;
background-color: rgb(255, 255, 255);
border-top: 1px solid #F3F3F3;
}
.emailFooter{
max-width: 1100px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
/*for mailchimp form html inside the plugin interface in wp*/
.signupName{
float: left;
width: 23%;
padding: 12px 1% 0% 1%;
}
.mc4wp-form {
margin: 0px 0!important;
}
.mc4wp-form input[type=date], .mc4wp-form input[type=email], .mc4wp-form input[type=tel], .mc4wp-form input[type=text], .mc4wp-form input[type=url], .mc4wp-form select, .mc4wp-form textarea {
cursor: auto;
display: block;
width: 100%;
height: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: 40px!important;
padding: 1px 1px 3px 13px;
}
.mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit] {
cursor: pointer;
display: inline-block;
width: 100%;
height: 40px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
/* padding: 9px; */
font-weight: 100;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #E0E0E0;
color: black;
border: 0px outset buttonface;
outline: -webkit-focus-ring-color auto 0px!important;
}
.mc4wp-notice {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
display: none!important;
}
.mc4wp-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
display: none!important;
}
.opt{
position: absolute;
right: 20px;
bottom: 18px;
padding: 5px;
text-align: left;
background-color: rgb(244, 244, 244);
color: rgb(77, 77, 77);
width: 284px;
border: 2px solid rgb(255, 44, 220);
}
.optPostText {
text-align: left;
z-index: 99;
height: 12%;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-weight: 600!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: rgb(107, 107, 107)!important;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
}
.mapWrapper{
clear: both;
}
.contactText{
/*margin-left: 20px;*/
}
#map {
height: 400px;
}
.testimonialBox{
padding: 0px 0px 0px 0px;
margin-bottom: 20px!important;
}
.testimonialTitle{
padding-left: 0px!Important;
padding-bottom: 20px!important;
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
color: gray;
}
.testimonialText{
font-weight: 300!important;
font-size: 17px;
font-style: normal!important;
line-height: initial;
letter-spacing: 0px!important;
color: #000000;
text-decoration: none;
text-transform: none;
}
.testimonialImage{
/*width: 30%;
float: left;*/
}
/*//////////////////////////////////////////////////////////////////*/
/*responsive mobile nav*/
/*http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly*/
#nav
{
width: 693px;
font-family: inherit;
font-weight: 200;
position: absolute;
top: 4px;
/* left: auto; */
right: 0px;
margin-left: 0;
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
width: 250px;
}
#nav li a
{
color: black;
display: block;
}
#nav li a:active
{
background-color: #EFEFEF;
}
#nav span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul
{
height: 50px;
/*background-color: #FFFFFF;*/
}
#nav > ul > li
{
width: auto;
height: 100%;
float: left;
padding-right: 20px;
height: auto;
}
/* #nav > ul > li > a
{
height: 100%;
font-size: 19px;
line-height: 50px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
text-transform: lowercase;
}*/
#nav > ul > li > a {
height: 100%;
font-size: 19px;
line-height: 22px;
text-align: left;
padding-left: 16px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: lowercase;
max-width: 91px;
margin-right: 18px;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: 0px solid #cc470d;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background-color: #EFEFEF;
}
/* second level */
#nav li ul
{
background-color: #fff;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: 0px;
padding-left: 0px;
}
#nav li ul a
{
font-size: 15px;
border-top: 1px solid #F7F7F7;
padding: 10px;
width: 250px;
background-color: white;
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
background-color: #F5F5F5;
}
@media only screen and ( max-width: 1100px ) /* 1000 */
{
#nav
{
width: 100%;
position: static;
margin: 0;
right: 0px;
}
}
@media only screen and ( max-width: 1100px ) /* 640 */
{
html
{
/*font-size: 75%;*/
}
#nav
{
position: relative;
top: 78px;
left: auto;
}
#nav > a
{
width: 3.125em;
height: 3.125em;
text-align: left;
text-indent: -9999px;
background-color: #C5C5C5;
position: absolute;
right: 27px;
top: -68px;
}
#nav > a:before,
#nav > a:after
{
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#nav > a:after
{
top: 60%;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: block;
}
/* first level */
#nav > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
background-color: #FFFFFF;
}
#nav:target > ul
{
display: block;
}
#nav > ul > li
{
width: 100%;
float: none;
}
#nav > ul > li > a
{
height: auto;
text-align: left;
padding: 0 0.833em; /* 20 (24) */
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0px;
max-width: none;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: none;
border-bottom: 1px solid #EFEFEF;
}
/* second level */
#nav li ul
{
position: static;
padding: 0px;
padding-top: 0;
}
/*added*/
#nav li ul a
{
width: auto;
padding: 10px;
padding-left: 30px;
}
#nav li
{
position: relative;
width: auto;
}
#s {
height: 45px!important;
margin-left: 14px;
}
/*end added*/
}
/*responsive mobile nav*/
/*http://osvaldas.info/drop-down-navigation-responsive-and-touch-friendly*/
/*end*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*Appointment start*/
.ab-booking-form {
font-size: 14px!important;
color: #5f6267;
margin: 0 auto;
padding: 20px;
}
.ab-slot-calendar {
width: 49%;
height: 260px;
float: left;
}
.ab-second-step {
overflow: hidden;
position: relative;
margin-bottom: 20px!important;
margin-left: auto;
margin-right: auto;
width: 49%!important;
}
.picker {
width: 100%!important;
right: auto!important;
top: auto!important;
bottom: auto!important;
left: auto!important;
}
.picker--opened .picker__holder {
max-height: 25em;
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border-top-width: 1px;
border-bottom-width: 1px;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
transition: -webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
transition: transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;
box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
width: 100%!important;
}
.ab-columnizer .ab-column {
width: 100%;
margin: 0 3.5px;
display: inline-block;
zoom: 1;
vertical-align: top;
float: none!important;
}
.ab-columnizer .ab-time-screen {
display: inline-block;
width: 99%;
}
.ab-columnizer {
white-space: nowrap;
position: absolute;
width: 100%;
}
.picker__holder {
width: 310px!important;
overflow-y: hidden!important;
-webkit-border-radius: 5px 5px!important;
-moz-border-radius: 5px 5px!important;
border-radius: 0px 0px!important;
top: 10px;
left: -7px;
outline: none;
max-width: inherit;
}
.ab-columnizer .ab-available-day, .ab-columnizer .ab-available-hour {
display: block;
width: 100%;
margin: 1.5px 0;
background: white;
height: 36px;
padding: 6px 12px;
font-size: 14px;
line-height: 20px;
color: #333333!important;
text-align: center;
float: none;
vertical-align: middle;
cursor: pointer;
text-transform: capitalize;
border: 1px solid #cccccc;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
-webkit-box-sizing: border-box!important;
}
@media screen and (max-width : 480px) {
.ab-slot-calendar {
width: 100%;
}
.ab-second-step {
width: 100%!important;
}
}
/*Appointment end*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*shopp start*/
.shopp_page{
padding: 20px;
}
.shopp_page .gallery {
float: left;
display: block;
width: 49%;
}
.shopp_page .gallery li a{
width: 100%;
}
.productNameSingle{
width: 49%;
font-size: 19px;
float: left;
}
#shopp .price {
font-weight: bold;
line-height: 1.5;
margin: 0;
float: left;
width: 49%;
}
.itemQuanity{
float: left;
width: 49%;
}
#shopp dt {
clear: left;
float: left;
text-align: left;
width: 49%;
margin-right: 0;
}
#shopp ul.breadcrumb {
margin: 10px 0;
display: inline;
width: 100%;
float: left;
}
.shopp_page .products .frame {
text-align: left;
overflow: hidden;
}
#shopp ul.products li .name, #shopp ul.products li .summary, #shopp ul.products li .savings, #shopp ul.products li .price {
margin-top: 10px;
margin-bottom: 0;
font-weight: 300;
}
.selectall{
float: left;
width: 49%;
}
.addtocart{
float: left;
width: 100%;
margin-top: 40px;
}
#quantity-206{
width: 100px;
}
.view ,.controls{
margin: 20px 20px 20px 20px;
}
@media screen and (max-width : 480px) {
.shopp_page .products > .product{
width:100%;
}
}
/*shopp end */
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*iso portfolio*/
/*FIXED RATIO div and images*/
#iso-loop{
width: 101%;
}
.iso-post{
width: 33%;
height: 0;
padding-bottom: 20.5%;
margin: 0px;
overflow: hidden;
margin-right: 2px;
margin-bottom: .3%;
}
.iso-title{
padding-bottom: 5px;
overflow: hidden;
margin: 2px;
z-index: 99;
font-weight: 900!important;
letter-spacing: 2px!important;
color: rgb(255, 255, 255)!important;
text-decoration: none;
font-size: 19px;
text-transform: uppercase;
top: 0;
right: 0;
text-align: center;
bottom: 0;
height: 100%;
position: absolute;
height: 100%;
width: 100%;
display: flex;
}
.iso-title a{
height: 100%;
width: 100%;
padding-top: 30%;
}
.iso-thumb{
width: 100%;
height: 0;
padding-bottom: 64%;
margin: 0%;
overflow: hidden;
-webkit-filter: brightness(0.80);
}
.iso-thumb img{
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
position: absolute;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
border: 0px solid white!important;
}
.iso-thumb{
-webkit-filter: brightness(0.8);
transform: scale(1.0);
-webkit-transition: all 0.5s;
height: 100%;
width: 100%;
position: relative;
display: block;
}
.iso-title:hover + .iso-thumb{
-webkit-filter: brightness(1.00);
transform: scale(1.05);
-webkit-transition: all 0.5s;
}
.iso-post .excerpt{
font-weight: 200!important;
font-style: normal!important;
letter-spacing: 0px!important;
line-height: 26px;
font-size: 12px;
color: #8A8A8A;
left: 2px;
bottom: -12px;
padding-left: 2px;
position: absolute;
height: 28px;
overflow: hidden;
width: 100%;
background-color: rgb(255, 255, 255);
display: none;
}
.iso-post .excerpt: hover{
display: block;
}
#infscr-loading{
width: 20px!important;
}
/*fixed aspect ratio of div*/
#filters li *{
float: left;
padding: 20px;
}
#filters{
height: 50px;
color: #5F5F5F;
font-weight: 400;
padding-bottom: 20px;
width: 100%;
display: flex;
justify-content: center;
}
.size-who{
width: 600px;
}
.isoWrapperProducts #filters li:nth-child(3) {
display: none!important;
}
.isoWrapperProducts #filters li:nth-child(4) {
display: none!important;
}
.isoWrapperProjects #filters li:nth-child(3) {
display: none!important;
}
.isoWrapperProjects #filters li:nth-child(4) {
display: none!important;
}
.isoWrapperProjects #filters li:nth-child(5) {
display: none!important;
}
.isoWrapperProjects #filters li:nth-child(6) {
display: none!important;
}
/*breadcrumbs*/
.breadcrumbs{
font-size: 14px;
color: #7D7D7D;
font-weight: 100;
}
.contentInPost .excerpt {
font-weight: inherit!important;
font-style: inherit!important;
letter-spacing: inherit!important;
line-height: inherit!important;
font-size: inherit!important;
color: inherit!important;
}
.gallery-caption {
margin-left: 0;
text-align: left;
font-size: 14px;
}
.p1{
/*font-weight: 100;*/
font-weight: inherit;
}
.pswp{
z-index: 9999;
}
.pswp__bg {
background: rgba(0, 0, 0, 0.9);
}
/*wordpress default gallery*/
/*have milder select "mid_size"*/
.grid .unit:first-child{
}
.grid .unit:last-child{
}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*wordpress default gallery*/
/*.gallery-item{
height: 0;
padding-bottom: 75%;
width: 100%!important;
margin: 0%;
overflow: hidden;
margin-left: 0px;
}
.galleryWrapperCustom{
padding-bottom: 60px!important;
width: 66%!important;
}
.galleryWrapperCustom img{
width: 100%!important;
padding-bottom: 3px;
}
.alignnone{
width: inherit!important;
}
.wp-caption img{
}
.wp-caption {
padding: 0px;
margin: 0px;
width: 100%!important;
float: left;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 17px;
line-height: 17px;
padding: 10px 0px 20px 10px;
margin: 0;
}
.gallery-item img {
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
}
.portrait {
height: 0;
}
.portrait img {
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
}
.landscape{
height: 0;
}
.landscape img {
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
}
.gallery-caption{
position: relative;
padding: 5px 10px 5px 10px;
margin: 0px 10px 10px 0px;
text-align: left;
font-size: 14px;
left: 12px!important;
bottom: 59px;
left: 15px;
line-height: initial;
width: inherit;
background-color: rgb(255, 255, 255);
font-size: 19px;
font-weight: 100;
float: left;
}
.gallery-caption p { position:absolute; top:0;}
#gallery-1 {
margin: auto;
width: 101%;
}
#gallery-1 br{
clear: none!important;
}
.portfolioGridContainer{
padding-bottom: 60px!important;
}
.portfolioGridItemTitle{
padding-bottom: 5px;
padding-top: 5px;
font-size: 13px;
text-align: center;
background-color: rgb(247, 247, 247);
color: #333333;
z-index: 999;
overflow: hidden;
position: absolute;
width: 100%;
font-weight: 100;
}
.portfolioGridCustom{
width: 100%;
height: 0;
padding-bottom: 50%;
margin: 0%;
overflow: hidden;
}
.portfolioGridCustom img {
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
position: absolute;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
}*/
/*end wordpress default gallery styles*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*search form*/
.screen-reader-text{
display: none;
}
#s{
max-width: 90px!important;
height: 31px;
background-color: #E0E0E0;
border: 0px;
color: black;
font-weight: lighter;
padding: 1px 10px;
margin-top: 0px;
line-height: 6px;
outline-offset: 0px;
outline: 0px solid black;
}
#searchsubmit{
max-width: 100px;
height: 45px;
/* padding: 9px; */
/* padding-bottom: 9px; */
line-height: 7px;
padding: 1px 10px;
top: 0px;
}
.pageSliderWrapper{
position: relative;
top: 100px;
}
.homePageGridItemCustom{
float: left;
width: 50%;
}
.homeGrid:after {
content: "";
display: table;
clear: both;
}
.homeGridBoxIndiWrapper{
overflow: hidden;
max-width: 600px;
}
.gridOlWrapper{
overflow: auto;
}
ol .gridOlWrapper:last-child {
clear: both;
}
/*responsive gird with fixed ratios*/
.facultyBox{
width: 49%;
height: 0;
padding-bottom: 31%;
margin: 2px;
overflow: hidden;
float: left;
}
.peoplePageImage{
width: 100%;
height: 0;
padding-bottom: 66%;
margin: 0%;
overflow: hidden;
}
.peoplePageImage img{
transform: translate(0, -0%)!important;
top: 0%!important;
object-fit: cover;
position: absolute;
top: 50%;
min-height: 100%;
display: block;
min-width: 100%;
}
.pageDescription .excerpt{
margin: 0 auto;
max-width: 875px;
display: block;
position: relative;
color: white;
text-align: center;
font-size: 22px;
font-weight: 200;
padding: 0px 20px 20px 20px;
line-height: 26px;
}
.pageDescription {
margin: 0 auto;
max-width: 875px;
display: block;
position: relative;
color: white;
text-align: center;
font-size: 22px;
font-weight: 200;
padding: 0px 20px 30px 20px;
}
.giantHomeTextWrapper{
width: 100%;
background-color: #FB7A0B;
}
.giantHomeText{
margin: 0 auto;
max-width: 860px;
display: block;
position: relative;
color: white;
text-align: center;
font-size: 40px;
font-weight: 100;
letter-spacing: 3px;
padding: 40px 20px 30px 20px;
}
.bigBlockExcerpt .excerpt{
font-weight: 100;
font-size: 19px;
line-height: 22px;
letter-spacing: 0px!important;
padding-top: 15px;
}
.magazineStyle{
padding-bottom: 20px;
padding-top: 15px;
}
.magazineStyleItem{
border: 0px solid #E0E0E0;
margin-bottom: 20px!important;
}
.magazineStyle:nth-child(odd) > .testimonialBox > .magazineImage {
/*background-color: blue;*/
padding-right: 20px;
}
.magazineStyle:nth-child(even) > .testimonialBox > .magazineImage{
/*background-color: red;*/
float: right;
padding-left: 20px;
}
.magazineImage{
/*padding-right: 20px;*/
}
/*royal slider /////////////////////////////////*/
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
background: #FFF!important;
}
img.rsImg {
max-width: none;
margin: 0px!important;
}
.rsContentSlider h3, .rsContentSlider p {
width: 90%;
margin-left: 0px!important;
color: black;
}
.rsContentSlider h3{
font-size: 19px!important;
font-weight: 200!important;
}
.rsArrowIcn{
top: 36%!important;
}
/*.footerText{
padding-top: 0px!important;
font-size: 19px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 3px;
}*/
.rounded{
font-size: 19px;
font-weight: 400;
letter-spacing: 3px;
}
.textwidget {
/* padding-top: 0px!important;
font-size: 14px;
font-weight: 200;
line-height: 25px;
letter-spacing: 0px;
margin-top: 5px;
text-align: initial;
color: #DADADA;
text-align: left;*/
}
.rsUni .rsArrowIcn{
opacity: 1!important;
}
.playButton{
position: absolute;
top: 82%;
right: 0px;
opacity: 1!important;
z-index: 99999;
width: 50px!important;
}
.rsContainer{
height: 120%!important;
}
/*.rsContentSlider p{
z-index: 9999;
position: absolute;
}*/
.rsOverflow{
height: 115%!important;
}
/*royal slider end /////////////////////////////*/
/*simple basic contact form*/
#simple-contact-form fieldset input {
width: 66%!important;
padding: 1%;
}
#simple-contact-form textarea{
padding: 2%;
width: 94%!important;
}
#filters a.active{
/*font-weight: 900;*/
color: black;
}
.active{
/*font-weight: 900;*/
color: black;
}
/*.current-menu-parent a, .current-page-ancestor a, .current_page_parent a , .current-menu-item a{
font-weight: 200!important;
color: black!important;
}*/
.current-menu-item a{
font-weight: 200!important;
color: black!important;
}
.customGridItem{
padding-right: 20px!important;
}
.activeCustom{
font-weight: 200!important;
color: black!important;
}
.page-item-759{
/*padding-top: 10px;*/
}
.subHeaderNavWrapper{
/*height: 43px;*/
width: auto;
position: relative;
top: 105px;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 1px;
right: 4%;
z-index: 999;
position: absolute;
}
.postCatNavContainer{
height: 35px;
width: 100%;
margin: 0px 0px 0px 0px;
font-weight: 300;
padding: 30px 20px 0px 0px;
float: left;
}
.postCatNavLast,.postCatNavNext,.postCatBackTo{
text-align: right;
padding: 0px 20px 0px 0px;
/* color: #B9B9B9; */
font-size: 15px;
width: auto;
margin-right: 1px;
bottom: 0px!important;
position: relative;
z-index: 999;
float: left;
text-transform: lowercase;
}
.postCatNavLast:hover, .postCatNavNext:hover, .postCatBackTo :hover{
color: black;
}
.backLink{
text-align: left;
padding: 2px 10px 2px 15px;
color: #E8E8E8;
font-weight: 200;
font-size: 13px;
width: 27px;
margin-left: -5px;
background-color: #B5B4B4;
}
.backLinkSingle{
text-align: left;
padding: 2px 10px 2px 15px;
color: #E8E8E8;
font-weight: 200;
font-size: 13px;
width: 27px;
margin-left: -5px;
background-color: #B5B4B4;
bottom: 10px!important;
position: absolute;
z-index: 999;
}
.wp-image-1179{
width: 75px!important;
}
.wp-image-1636{
width: 600px!important;
}
.contactTemp{
right: 20px;
position: absolute;
z-index: 999999;
color: black;
font-weight: 100;
top: 22px;
}
.homePageLogo{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 999999;
width: 50%;
}
.featured-Image-As-Background{
width: 100%;
height: 450px;
background-size: cover;
-webkit-filter: brightness(0.3);
}
/*The grid custom styles*/
.tolb-holder img {
width: auto!important;
}
.tg-grid-wrapper {
top: 75px;
}
.brasilia .tg-cats-holder {
display: none!important;
}
.brasilia .tg-item-author {
display: none!important;
}
.sofia .tg-item-overlay {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282828+0,282828+100&0.65+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(40,40,40,0.65) 0%, rgba(40,40,40,0.65) 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.65) 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(40,40,40,0.65) 0%,rgba(40,40,40,0.65) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6282828', endColorstr='#a6282828',GradientType=0 )!important; /* IE6-9 */
}
#grid-118 .tg-item-overlay {
background-color: rgba(0, 0, 0, 0.85)!important;
}
/*end the grid custom*/
/*photo swipe*/
.pswp {
z-index: 99999;
}
/*uber menu*/
#ubermenu-nav-main-50-primary{
/*background: rgb(255, 255, 255);*/
border: 0px solid #000000;
}
#menu-item-2089{
display: none!important;
}
.ubermenu-submenu-id-1765{
/*display: none!important;*/
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{
display: none!important;
}
.ubermenu *{
cursor: pointer!important;
}
.ubermenu {
top: 8px!important;
background: rgba(17, 17, 17, 0)!important;
}
.ubermenu-skin-white .ubermenu-item-level-0 > .ubermenu-target {
color: #6D6D6D!important;
}
.ubermenu-skin-white {
font-size: 14px!important;
top: 0px!important;
}
.ubermenu-skin-white {
border-top: 0px solid #222!important;
border-bottom: 0px solid #eee!important;
}
.ubermenu-skin-white .ubermenu-item-level-0 > .ubermenu-target {
text-transform: lowercase!important;
}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
text-transform: lowercase!important;
color: #6D6D6D!important;
}
/*text / font for uber / uber font*/
.ubermenu .ubermenu-target-text {
display: inline-block;
vertical-align: middle;
font-size: 12px!important;
color: inherit!important;
font-family: 'museo_sans500'!important;
font-weight: bold!important;
font-style: normal!important;
font-weight: normal;
letter-spacing: 1px!important;
text-transform: uppercase;
cursor: pointer;
}
/*make menu item colored when active*/
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
color: #5d5d5d!important;
background: rgba(218, 18, 179, 0)!important;
border: 1px solid rgba(2, 107, 175, 0.31)!important;
}
/*.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{
border: none;
box-shadow: none;
background: rgba(17, 17, 17, 0.33);
color: #ffffff;
}*/
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
border: none;
box-shadow: none;
background: rgba(255, 0, 128, 0);
color: rgba(76, 76, 76, 0.6);
}
/*.ubermenu.ubermenu-main{
top: 21px!important;
right: 0px;
background-color: rgba(0, 0, 0, 0)!important;
}*/
.ubermenu.ubermenu-main {
top: 27px!important;
right: 10px;
background-color: rgba(0, 0, 0, 0)!important;
position: absolute;
}
.ubermenu-skin-black-white-2{
border: 0px solid #000000!important;
background-color: rgba(61, 61, 61, 0.45)!important;
background: rgba(61, 61, 61, 0.45)!important;
}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
height: 28px!important;
padding: 6px 10px 5px 10px!important;
text-transform: initial!important;
}
/*uber hover menu item state*/
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{
background: rgba(17, 17, 17, 0)!important;
/*color: #eaeaea!important;*/
color: rgba(2, 107, 175, 0.7)!important;
cursor: pointer!important;
}
.ubermenu-skin-black-white-2.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target{
background: none!important;
cursor: pointer!important;
}
.ubermenu-skin-black-white-2.ubermenu-vertical:before{
border-right: 0px solid #000000!important;
cursor: pointer!important;
}
/*end uber menu*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*essential grid*/
/*make grid like masonry*/
.esg-container-fullscreen-forcer{
/*top: 30px!important;*/
}
.esg-entry-media{
-webkit-filter: brightness(.9)!important;
}
.esg-entry-media{
/*max-height: 300px;*/
}
.eg-portfolio-custom-3-container {
/*background-color: rgba(241, 91, 35, 0.85)!important;*/
/*background-color: rgba(0, 0, 0, 0.5)!important;*/
background-color: rgba(255, 255, 255, 0)!important;
}
.esg-grid *{
/*font-family: 'Metropolis'!important;*/
/*font-weight: 500;*/
letter-spacing: 1px;
}
.eg-portfolio-custom-3-element-1{
/* text-shadow: 1px 2px 0px black; */
background-color: rgb(255, 255, 255)!Important;
color: #545454!important;
padding: 10px 15px 10px 15px!important;
letter-spacing: 1px;
font-size: 16px!important;
text-align: left;
line-height: 25px!important;
}
.eg-portfolio-custom-3-element-1-a {
display: inline-block;
float: left;
clear: both;
margin: 10px 0px 0px 0px!important;
position: relative;
}
.esg-overflowtrick {
/*margin-bottom: 52px;*/
/*background: #3E3E3E!important;*/
}
#esg-grid-52-1-wrap{
display: none!important;
}
.esg-grid{
background-color: rgba(255, 255, 255, 0)!important;
}
#esg-grid-51-1-wrap{
/*margin-top: -100px!important;*/
}
#esg-grid-51-1{
/*top:150px;*/
/*padding-bottom: 150px!important;*/
}
.navigationbuttons, .esg-pagination, .esg-filters{
padding-bottom: 40px;
}
/*ess grid custom*/
.eg-css-portfolio-home-masonry-content .eg-css-portfolio-home-masonry-element-0 {
font-size: 17px !important;
line-height: 25px !important;
color: #000000 !important;
font-weight: 600 !important;
display: block !important;
text-align: center !important;
clear: both !important;
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
background-color: rgba(255,255,255,1.00) !important;
position: relative !important;
z-index: 2 !important;
text-transform: uppercase!important;
letter-spacing: 2px;
}
/*make ellipsis after two lines */
.eg-css-portfolio-home-masonry-content >.eg-css-portfolio-home-masonry-element-2{
font-size: 12px !important;
/* line-height: 14px !important; */
color: #aaaaaa !important;
font-weight: 300 !important;
/* display: inline-block !important; */
float: left !important;
clear: none !important;
margin: 0px 0px 30px 0px !important;
padding: 0px 10px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
background-color: rgba(255,255,255,1.00) !important;
position: relative !important;
z-index: 2 !important;
text-transform: capitalize !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
border-color: #aaaaaa !important;
border-style: solid !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 18px!important;
max-height: 36px;
min-height: 36px;
text-align: center;
width: 100%;
}
/*ess blog grid*/
.eg-cleveland-element-6{
text-transform: capitalize !important;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box!important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 18px!important;
max-height: 36px;
min-height: 36px;
text-align: center;
width: 100%;
font-family: 'Metropolis'!important;
font-weight: 500;
letter-spacing: 1px;
}
/*make black and white then hover to color*/
.eg-portfolio-custom-3-wrapper .esg-entry-media img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(50%);
}
.eg-portfolio-custom-3-wrapper:hover .esg-entry-media img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/*end ess essential grid*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*woo styles*/
.thumbnails{
display: none!important;
}
.product{
width: 48%!important;
}
.woocommerce table.shop_table td {
/*display: initial;*/
}
.woocommerce img, .woocommerce-page img {
/*width: inherit;*/
}
.wc-forward{
font-weight: 700!important;
background-color: #F15B23!important;
padding: 3px 10px 3px 10px;
color: white;
float: left;
margin-right: 20px;
border-radius: 0px!important;
}
.woocommerce table.shop_table {
font-weight: 300;
}
div.cart_totals * {
font-weight: 300!important;
}
.cart_totals{
width: auto!important;
}
.woocommerce-result-count{
display: none;
}
.woocommerce-ordering{
display: none;
}
/*end woo*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/*tablePress*/
.tablepress tfoot th, .tablepress thead th {
background-color: #000000!important;
color: white!important;
padding: 20px 20px 20px 10px;
font-weight: 400!important;
font-size: 22px;
}
.tablepress td, .tablepress th {
padding: 10px!important;
width: 50%!important;
}
.dataTables_wrapper {
/* max-width: 70%!important; */
margin: 0 auto;
/*max-width: 800px;*/
}
.tablepress .odd td{
background-color: rgb(51, 51, 51)!important;
color: white!important;
}
.tablepress .even td {
background-color: #404040!important;
color: white!important;
}
.tablepress tbody td, .tablepress tfoot th {
border-top: 1px solid #2B2B2B!important;
}
caption {
display: none!important;
}
.dataTables_info {
display: none;
}
/*end tablepress*/
.icons-medium{
margin: 0 auto;
width: 240px;
}
.icons-medium *{
list-style-type: none!important;
float: left;
padding: 5px;
}
#homeLoad {
display:none;
margin: 0 auto;
width: 600px;
position: absolute;
z-index: 9999999;
}
/*footer social icons
*/
.icon-set-lsi_widget-4{
margin-bottom: 40px!important;
}
/*FS Contact form*/
input, select, textarea {
max-width: 100%!important;
padding: 5px;
font-size: 12px;
font-weight: 300;
margin-bottom: 10px!important;
margin-top: 5px!important;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
/* padding: 9px; */
font-weight: 700;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #E0E0E0;
color: black;
border: 0px outset buttonface;
outline: -webkit-focus-ring-color auto 0px!important;
width: 100%;
padding: 20px;
}
#FSContact1{
margin: 0 auto;
}
#fscf_required1{
display: none;
}
.symbol {
font-size:5px!important;
}
/*mail chimp*/
.mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit] {
cursor: pointer;
display: inline-block;
width: 100%;
height: 40px;
font-weight: 700;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #E0E0E0;
color: black;
border: 0px outset buttonface;
outline: -webkit-focus-ring-color auto 0px!important;
width: 100%;
padding: 13px 20px 20px 20px;
}
.homeSliderLargeWrapper{
display: block;
}
.homeSliderSmallWrapper{
display: none;
}
.homeLogoLargeWrapper{
display: block;
}
.homeLogoSmallWrapper{
display: none;
}
.homeTestimonialsLargeWrapper{
display: block;
}
.homeTestimonialsSmallWrapper{
display: none;
}
/*jetpack*/
.tiled-gallery .gallery-row{
width: 100%!important;
}
.gallery-group{
/*width: 30%!important;*/
}
.tiled-gallery .gallery-row {
margin-bottom: 2px;
max-width: 100%;
}
/*end jetpack*/
.backButton{
background-color: #b5b5b5;
color: white!important;
width: 37px;
padding: 5px 10px 5px 10px;
margin: 20px 20px 20px 0px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
}
/*jim justifyed image grid*/
.jig-filterButton {
border: 0px solid #d3d3d3!important;
background: #ffffff!important;
padding: 6px 8px!important;
margin: 5px 5px 0 0!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
transition: background-color 0.2s;
float: none;
position: static!important;
}
.jig-no-touch .jig-filterButton:hover, .jig-no-touch .jig-filterButton.jig-filterButtonSelected:hover, .jig-touch .jig-filterButton:active, .jig-touch .jig-filterButton.jig-filterButtonSelected:active, .jig-filterButton.jig-filterButtonSelected {
background: #ffffff!important;
border: 1px solid #000000!important;
}
/*cloud shop studios site custom styles*/
.logos{
width: 100%;
float: none!important;
max-width: 1000px!important;
margin-top: 0px;
position: relative;
margin: 0 auto;
-webkit-filter: brightness(0.9)!important;
}
/*//////////////////////////////////////////////////////*/
/*one page styles*/
.onePageBlock{
margin-top: 0px!Important;
}
.row_title{
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
width: 244px;
text-align: center;
padding: 15px 20px 15px 20px;
border: 2px solid #bfbfbf;
margin: 0 auto;
margin-top: 100px;
background-color: #1485ff;
float: initial;
clear: both;
}
#row_1{
padding: 0px 0px 0px 0px!important;
margin-bottom: -92px;
}
#row_2 {
padding: 5px 40px 19px 40px!important;
/* -webkit-box-shadow: 0px -8px 26px -9px rgba(0,0,0,0.75); */
-moz-box-shadow: 0px -8px 26px -9px rgba(0,0,0,0.75);
box-shadow: 0px -8px 26px -9px rgba(0,0,0,0.75);
margin-top: -147px;
background-color: rgba(255, 255, 255, 0.78);
}
#row_3{
padding: 50px 0px 60px 0px!important;
margin: 52px 0px 10px 0px;
background-color: #bb1987;
background-color: #1485ff;
box-shadow: 0px 4px 22px 0px rgba(128, 128, 128, 0.94);
border-bottom: 1px solid #7b7b7b;
}
#row_3b, #row_4b{
padding: 0px 0px 0px 0px!important;
margin: -96px 0px 0px 0px;
background-color: #026BAF;
/* box-shadow: 0px 4px 22px 0px rgba(128, 128, 128, 0.94); */
border-bottom: 0px solid #7b7b7b;
height: 550px;
overflow: hidden;
/* background-image: url(https://reunionrx.com/wp-content/themes/cloud-shop-studios/images/geo1.png); */
position: relative;
}
#row_3b p{
color: white!important;
margin-top: 200px;
line-height: 46px;
padding: 0% 10% 0% 10%;
font-size: 30px;
font-family: 'tex_gyre_bonumbold';
text-align: center;
}
#row_4b{
margin: -20px 0px 0px 0px;
}
.heroImage{
-webkit-filter: brightness(0.9);
height: 550px;
width: 100%;
object-fit: cover;
object-position: 50% 0%;
/*-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));*/
}
/*ajecent sibling*/
.heroImage + figcaption{
font-size: 30px!important;
position: absolute!important;
letter-spacing: 4px;
z-index: 9999!important;
color: white!important;
text-shadow: 1px 0px 10px rgb(0, 0, 0);
width: 100%;
top: 265px;
font-family: 'museo_sans500'!important;
font-weight: normal!important;
font-style: normal!important;
}
.serviceImage{
-webkit-filter: brightness(0.9);
height: 350px;
width: 100%;
object-fit: cover;
object-position: 0% 40%;
/* -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); */
}
/*ajecent sibling*/
.serviceImage + figcaption{
font-size: 30px!important;
position: absolute!important;
letter-spacing: 3px;
z-index: 9999!important;
color: white!important;
/* text-shadow: 1px 0px 10px rgb(0, 0, 0); */
width: 100%;
top: 170px;
text-transform: uppercase;
font-weight: bold;
}
.service{
max-width: 100%;
margin: 0 auto;
position: relative;
float: none!important;
background-color: #2e8cd2;
margin-top: 0px;
margin-bottom: 80px;
padding: 0px 0px 0px 0px!important;
-webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.11);
}
.service p, .service ul{
max-width: 1000px;
margin: 0 auto;
line-height: 30px;
font-size: 20px;
color: white;
text-align: center;
padding: 0px 0px 40px 0px;
}
/*end one page styles*/
/*//////////////////////////////////////////////////////*/
/*new blog loops*/
.post-loop-article-wrapper{
width: 100%;
float: left;
}
.post-loop-featured-image-and-title-wrapper{
}
.post-loop-post-title{
}
.post-loop-featured-image{
}
.post-loop-featured-image img{
width: 50%;
float: left;
}
.post-loop-post-excerpt a {
color:#bb1987!important;
}
.post-loop-post-excerpt > div a{
color:#bb1987!important;
}
.post-loop-post-excerpt{
width: 50%;
float: left;
}
.post-loop-post-content{
width: 50%;
float: left;
}
.blogPageCustomTop{
max-width: none!important;
margin-bottom: 75px!important;
}
/*end new blog loops*/
/*new portfolio page styles*/
/*//////////////////////////////////////////////////////*/
/*sharify*/
/*custom wrapper*/
.single-project-sharify{
float: right;
height: 45px;
width: 186px;
}
.sharify-container {
position: relative;
display: block;
width: 300px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.sharify-container li {
margin-bottom: 5px !important;
}
.sharify-container li {
list-style: none;
height: 26px;
line-height: 30px;
float: left;
margin: 0!important;
padding-left: 1px;
}
.sharify-container li.sharify-btn-twitter a, .sharify-container li.sharify-btn-facebook a,.sharify-container li.sharify-btn-gplus a,.sharify-container li.sharify-btn-pinterest a,.sharify-container li.sharify-btn-linkedin a,.sharify-container li.sharify-btn-email a {
background-color: #c1c1c1;
}
.sharify-container li a {
border: 0;
background-color: #4db2ec;
border-radius: 1px;
display: block;
font-size: 15px;
line-height: 19px;
height: 100%;
color: #fff;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
transition: all .2s ease-in-out;
text-decoration: none!important;
}
.sharify-btn-twitter .sharify-icon {
float: none;
text-align: center;
padding-left: 0px;
}
.sharify-icon {
font-size: 11px;
line-height: 26px;
}
.sharify-container li {
min-width: 10px!important;
width: 28px!important;
}
/*sharify end*/
/*//////////////////////////////////////////////////////*/
/*home blog custom new styles*/
.homeBlogTitle {
font-size: 25px;
line-height: 40px;
letter-spacing: 2px;
font-weight: 300;
}
.homeBlogExcerpt p{
font-size: 18px;
line-height: 24px;
font-weight: 300;
}
.homeBlogExcerpt a{
color:rgb(255, 0, 128);
}
/*Responsive
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*large screen*/
@media screen and (min-width: 1500px) {
.postPageGrid{
/*max-width: 80%!important;*/
}
/*rev*/
.titleCustomNew{
font-size: 30px!important;
width: 900px;
}
.excerptCustomNew{
font-size: 20px!important;
line-height: 28px!important;
}
.serviceImage{
height: 600px;
}
.serviceImage + figcaption {
font-size: 38px!important;
top: 285px;
}
.service p, .service ul{
max-width: 1200px;
line-height: 40px;
font-size: 23px;
}
.service{
margin-top: 40px;
margin-bottom: 80px;
/*padding: 40px 0px 60px 0px!important;*/
}
}
/*end large screen*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*small screen/ wide tablet*/
@media screen and (max-width: 1200px) {
.homeSliderLargeWrapper{
display: none;
}
.homeSliderSmallWrapper{
display: block;
}
.homeTestimonialsLargeWrapper{
display: none;
}
.homeTestimonialsSmallWrapper{
display: block;
}
.widget-header-left{
display: none;
}
/*home blog */
.homeBlogTitle {
font-size: 18px;
line-height: 20px;
letter-spacing: 0px;
font-weight: 300;
}
.homeBlogExcerpt p {
font-size: 15px;
line-height: 19px;
font-weight: 300;
}
.singlePostCat, .singlePostCat li {
font-size: 11px;
}
.singlePostDate {
font-size: 12px;
padding: 12px 0px 10px 0px;
}
/*end home blog*/
.service p, .service ul {
max-width: 1000px;
margin: 0 auto;
line-height: 20px;
font-size: 16px;
padding: 0px 10px 0px 10px;
}
/*new slider styles*/
.titleCustomNew {
max-width: 300px;
font-size: 15px!important;
letter-spacing: 1px!important;
/* text-transform: uppercase; */
font-weight: bold!important;
bottom: 33vh;
/* position: absolute; */
position: relative;
text-align: center;
color: white;
/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43); */
white-space: initial;
line-height: 42px!important;
}
.excerptCustomNew{
font-size: 13px!important;
bottom: 100px;
/* position: absolute; */
position: relative;
text-align: center;
bottom: 36vh;
color: white;
/* max-width: 100%; */
white-space: initial;
margin: 0 auto!important;
line-height: 17px!important;
font-weight: 500!important;
letter-spacing: 2px!important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
}
.slotholder{
-webkit-filter: brightness(0.80);
}
#row_2{
margin-top: -33px;
}
#row_3{
padding: 50px 20px 60px 20px!important;
}
#row_3b,#row_4b{
height: 200px;
}
#row_3b p{
margin-top: 39px;
line-height: 24px;
padding: 0% 10% 0% 10%;
font-size: 13px;
}
.heroImage{
height: 200px;
}
.heroImage + figcaption{
top: 75px;
line-height: 23px;
font-size: 19px!important;
}
.service{
margin-bottom: 40px;
}
.footerText{
margin-top: 10px!important;
padding: 10px 40px 10px 40px;
font-size: 12px;
font-weight: 200;
line-height: 20px;
}
.callUsHeader{
position: absolute;
top: 8px;
left: 8px;
background-color: #bb1987;
color: white;
width: 15px;
height: 15px;
padding: 5px 5px 5px 5px;
}
.emailUsHeader{
position: absolute;
top: 11px;
left: 10px;
background-color: #565656;
color: white;
width: 15px;
height: 15px;
padding: 5px 5px 5px 5px;
}
.emailBlock{
display: none;
}
.numberBlock{
display: none;
}
/*header icons*/
.phone-icon{
display: block;
width: 20px;
height: auto;
}
.email-icon{
display: block;
width: 20px;
height: auto;
}
/*sharify*/
.single-project-sharify {
float: none;
height: 45px;
width: 186px;
margin-top: 14px;
}
.sharify-container {
width: 226px;
}
.sharify-container li {
min-width: 10px!important;
width: 28px!important;
}
/*end sharify*/
.singlePostTitle{
font-size: 20px
}
.singlePostContent{
font-size: 12px;
line-height: 19px;
padding: 20px 0px 20px 0px;
}
.postPageGrid{
max-width: 100%!important;
margin-top: 30px!important;
margin-left: 0px!important;
margin-right: 15px!important;
width: 100%!important;
max-width: 100%!important;
margin-top: 30px!important;
width: 100%!important;
padding: 50px 20px 20px 20px!important;
}
.projectPageGrid{
max-width: 100%!important;
width: initial!important;
margin: 20px!important;
}
img {
max-width: 100%!important;
height: auto;
}
.sectionTitle{
/*display: block;*/
}
.singleHeader {
height: 50px!important;
/* top: -20px; */
}
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{
color: #ffffff;
background-color: rgba(84, 84, 84, 0.5)!important;
text-align: center;
}
.ubermenu-skin-black-white-2.ubermenu-responsive-toggle {
color: white!important;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
background-color: rgb(95, 95, 95)!important;
border: 1px solid white!important;
width: 59px;
margin-top: 10px;
margin-right: 7px;
height: 30px;
padding: 7px 32px 10px 0px;
letter-spacing: 2px;
float: right;
cursor: pointer!important;
}
/*uber mobile colors*/
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
/*color: #B1B1B1!important;*/
color: #797979!important;
/*background: rgb(152, 152, 152)!important;*/
background: rgba(255, 255, 255, 0.89)!important;
}
/*uber mobile hover colors*/
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
background: rgb(193, 193, 193)!important;
color: #2B2B2B!important;
}
.customGridItem{
padding: 5px!important;
}
.iso-title{
font-size: 14px;
font-weight: 400;
}
.artistTitle{
font-size: 15px;
}
.projectTitleInOverlay {
font-size: 30px!important;
letter-spacing: 20px;
}
.navTextWrapper{
background-color: rgba(255, 255, 255, 0);
width: 100%;
right: 0%;
}
.junkLogoImgPage {
right: 0px;
top: 11px;
}
.textLogo{
display: none;
}
/*logo*/
.logoContainer {
position: fixed;
top: -22px;
width: 190px;
}
.junkLogoImgPage {
width: 190px;
}
#content {
margin-top: 33px;
}
.navItem{
text-align: right;
}
.container{
height: 50px;
}
.searchCustom {
height: 35px!important;
}
.searchCustom {
height: 28px!important;
overflow: hidden;
top: 0px;
float: left;
}
#rev_slider_10_1_wrapper.fullscreen-container {
/*top: -34px!important;*/
}
.ubermenu.ubermenu-main{
top: 51px!important;
}
.pageBanner {
height: 50px;
}
.singleHeaderTitle {
top: 68px;
font-size: 35px;
}
.fullscreen-container {
/*max-height: 596px!important;*/
top: -33px!important;
}
.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 0px!important;
}
.forcefullwidth_wrapper_tp_banner{
/*margin-bottom: -34px!important;*/
}
#esg-grid-51-1-wrap {
/*margin-top: -176px!important;*/
}
.ubermenu.ubermenu-main {
right: 0px;
}
.site-footer {
top: 0px;
}
#esg-grid-48-1-wrap{
display: none!important;
}
#esg-grid-52-1-wrap{
display: block!important;
}
.galleryWrapperCustom{
/*padding: 20px!important;*/
padding-bottom: 60px!important;
width: 100%!important;
}
.singleResponsiveTitleAndDescription{
width: 100%!important;
}
.singleResponsiveFeaturedImage{
width: 100%!important;
}
/* .gallery-item {
height: 0;
padding-bottom: 30%;
width: 47%!important;
margin: 1%;
overflow: hidden;
}
*/
.artistTitleHome{
font-size: 16px;
}
.projectTitleInOverlay {
font-size: 25px!important;
letter-spacing: 14px;
}
.fullwidthbanner-container {
/*max-height: 400px!important;*/
/*height: 50vh!important;*/
}
/*Junk responsive tablet*/
.logoHome {
}
.junkLogoImg {
width: 300px;
/*height: 232px;*/
}
.junkNavItem{
/* padding: 2%;
margin: 0px;
float: left;
width: 46%;
text-align: center;
font-size: 20px!important;*/
}
.tp-caption.black, .black {
font-size: 20px!important;
margin-bottom: 16px!important;
}
header {
width: 100%;
}
.logo{
width: 200px!important;
float: left;
padding: 10px;
margin-left: 10px;
}
.apply{
/*float: left;*/
/*width:50%;*/
display:none!important;
}
.nemus-slider.controls-inside .nemus-control-nav {
bottom: 50px!important;
top: 451px!important;
display: none;
}
.nemus-slider, .slide, .slide-image {
/*height: auto!important;*/
/*height: 200px!important; */
}
.slide-image {
height: 260px!important;
}
.nemus-slider .caption.br {
margin: -46px 0px 0 0!important;
top: 265px!important;
bottom: 0px!important;
}
.nemus-slider .caption.tr {
margin: -90px 0px 0 0!important;
font-size: 20px!important;
}
.nemus-direction-nav {
display: none;
}
.nemus-slider {
margin-top: 0px!important;
margin: 0 0 26px!important;
bottom: 0px!important;
}
.nemus-slider .slide.nemus-active-slide .caption {
letter-spacing: 2px;
font-size: 18px;
text-transform: uppercase;
font-style: italic;
bottom:35px!important;
}
.programBlurb {
font-size: 16px;
margin-top: -108px;
margin-bottom: -38px;
}
.myExcerptClass {
display: none!important;
}
.nemus-slider .caption {
text-align: right!important;
top: 185px!important;
width: 100%!important;
padding-right: 20px!important;
font-size: 12px!important;
bottom: auto!important;
top: auto!important;
}
.nemus-slider .slides {
height: 400px!important;
}
.nemus-slider, .slide, .slide-image {
height: 300px!important;
}
.nemus-slider .slides > li {
height: 335px!important;
}
.nemus-slider .slide-image {
margin-top: 0px!important;
}
.contentInPost {
font-size: 16px;
}
.staticPageContent{
font-size: 16px;
}
.sectionTitle{
font-size: 33px;
/*top: 166px;*/
/*display: block;*/
}
.unit{
padding-top: 0px;
padding-bottom: 0px;
}
.logo2{
width: 220px!important;
}
.homePageTag {
/*max-width: 286px;*/
}
.homePageTagContainer{
margin-bottom: 75px;
margin-top: -26px;
background-color: rgba(0, 0, 0, 0.79);
}
.wc-gallery {
padding-top: 25px;
width: 100%!Important;
}
.sideBarRight{
float: right!important;
width: 100%!important;
position: relative;
right: auto!important;
}
.interactGrid {
margin: 10px 0px 10px 0px!important;
}
.junkProjectDescription {
font-size: 18px;
}
.signupName {
font-size: 12px;
}
.bannerWrapper{
/*height: 300px;*/
min-height: 200px;
top: 0px;
background-position: right 50% top 100px;
}
.grid .unit:first-child {
/*padding-left: 10px;*/
}
.grid .unit:last-child {
/*padding-right: 10px;*/
}
.giantHomeText {
margin: 0 auto;
max-width: 860px;
display: block;
position: relative;
color: white;
text-align: center;
font-size: 20px;
font-weight: 100;
letter-spacing: 3px;
padding: 20px 10px 10px 10px;
}
.bigBlockExcerpt .excerpt {
font-size: 15px;
}
.homeGrid {
/*max-width: 90%!important;*/
}
.pageDescription .excerpt {
font-size: 19px;
line-height: 24px;
}
.iso-title {
font-size: 16px;
}
/*filter gallery*/
.iso-post {
width: 48%;
height: 0;
padding-bottom: 32.5%;
margin: 0px;
overflow: hidden;
margin-right: 2px;
margin-bottom: -1%;
}
.iso-title {
font-size: 10px;
}
#filters{
display: none;
}
.rsOverflow{
height: 100%!important;
}
.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 0px!important;
}
.forcefullwidth_wrapper_tp_banner {
/*margin-bottom: -34px!important;*/
}
#rev_slider_10_1_wrapper.fullscreen-container {
top: -34px!important;
}
#customArrowId{
display: none!important;
}
.grid .unit {
/*width: 100% !important;*/
}
.pageContent {
padding: 20px;
}
.testHeadMobile {
width: 200px;
float: none;
margin: 0 auto;
position: relative;
display: inherit;
}
.testimonial {
font-size: 17px!important;
font-weight: 500;
line-height: 20px;
float: none;
color: white;
width: 100%;
display: inline-block;
text-align: center;
}
.testimonialPerson {
font-size: 17px!important;
margin-bottom: 5px;
margin-top: 15px;
font-weight: 100;
text-align: center;
color: white;
}
.testimonialPersonTitle {
font-size: 12px!important;
line-height: 16px;
font-weight: 100;
text-align: center;
color: white;
}
.serviceImage{
/*height: 450px;*/
}
.serviceImage + figcaption {
font-size: 20px!important;
/*top: 275px;*/
}
}
/*end tablet size*/
/*/
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
*/
/*Responsive for phone:*/
@media screen and (max-width : 600px) {
.homeLogoLargeWrapper{
display: none;
}
.homeLogoSmallWrapper{
display: block;
}
#nav{
top: -25px;
}
#nav > a {
right: 11px;
top: 13px;
}
#nav > ul {
top: 65px;
}
.gallery-caption{
display: none;
}
.tparrows{
display: none;
}
.opt {
position: relative;
right: 0px;
bottom: 45px;
padding: 0px;
text-align: left;
background-color: rgb(244, 244, 244);
color: rgb(77, 77, 77);
width: 100%;
border: 0px solid rgb(255, 44, 220);
}
.optPostText {
text-align: left;
z-index: 99;
height: 12%;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
font-weight: 600!important;
font-style: normal!important;
letter-spacing: 1px!important;
color: rgb(107, 107, 107)!important;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
padding: 8px;
}
.junkProjectDescription b, strong {
/* font-weight: 700;
padding: 2px 5px 3px 10px;
font-size: 15px;
line-height: 23px;
*/
}
.junkNavItem {
padding: 2%;
margin: 2%;
float: none;
width: 92%;
font-size: 10px!important;
text-align: center;
}
.tp-caption{
display: none;
}
.junkLogoImg {
width: 200px;
/*height: 154px;*/
}
.logoHome {
margin: -77px 0 0 -125px;
}
footer {
width: 100%;
}
.siteBy {
/* padding: 6px 6px 6px 6px;
margin: 10px 10px 20px 0px;
width: 100%;
text-align: center;*/
text-align: center;
bottom: -12px;
position: fixed;
}
.sectionTitle {
/* font-size: 20px;
top: 68px;
display: block;*/
}
.pageBanner{
height: 120px;
}
#what {
position: absolute;
margin-top: -15px;
}
#who{
position: absolute;
margin-top: 14px;
}
#interact {
position: absolute;
margin-top: 43px;
}
.titleOfPostInPostPeople{
text-align: center;
}
.grid .unit {
/*padding-left: 0px!important;*/
/*padding-right: 0px!important;*/
}
.junkProjectDescription{
padding: 5px 10px 20px 10px;
font-size: 15px;
line-height: 23px;
}
.peopleType{
font-size: 18px!important;
}
.junkDescription {
font-size: 15px;
}
.artistTitle a, .artistTitle {
font-size: 13px;
padding: 5px 5px 10px 5px;
text-align: center;
}
.projectTitleInOverlay {
font-size: 18px!important;
letter-spacing: 10px;
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
bottom: 30px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
width: 100%;
}
.contact-form input[type='text'], .contact-form input[type='email'] {
width: 100%!important;
max-width: 100%!important;
margin-bottom: 13px;
}
.payPal{
margin-left: 20px;
}
.projectTitleInOverlayInteract{
font-size: 30px!important;
}
.fullwidthbanner-container {
/*height: 200px!important;*/
}
.logoHome {
width: 250px;
top: 202px;
}
.containerFooter {
position: relative!important;
width: 100%;
height: 184px;
padding-top: 5px;
}
.signupName {
float: none;
width: 100%;
padding: 0%;
padding: 1px 0px 5px 0px;
}
.mc4wp-form {
margin: 0;
}
.bannerWrapper{
min-height: 150px;
top: 0px;
padding-top: 85px;
}
.titleOfPostInPostWrapper{
text-align: center;
}
.pageText{
line-height: 22px;
font-size: 19px;
}
.navItemFooter{
width: auto;
}
.facultyBox {
height: auto;
margin: 0%;
overflow: hidden;
}
.homeGrid {
max-width: 100%!important;
}
.pageContent {
/* padding-top: 0px;
padding-bottom: 0px!important;
padding-left: 0px;
padding-right: 0px;*/
font-size: 15px;
padding: 20px;
/*padding-top: 0px;*/
}
.peoplePageImage {
width: 100%;
height: 0;
/*padding-bottom: 0%;*/
margin: 1%;
overflow: initial;
}
.facultyBox {
height: auto;
margin: 0%;
overflow: hidden;
width: 98%;
padding-bottom: 0%;
}
.pageDescription .excerpt {
font-size: 15px;
line-height: 21px;
padding: 0px 20px 40px 20px;
}
.pageDescription{
font-size: 15px;
line-height: 21px;
padding: 0px 20px 40px 20px;
}
.collapse-button {
margin-top: -20px;
margin-right: -20px;
}
#navigation {
top: -35px;
}
.magazineStyle:nth-child(odd) > .testimonialBox > .magazineImage {
/*background-color: blue;*/
padding-right: 0px;
}
.magazineStyle:nth-child(even) > .testimonialBox > .magazineImage{
/*background-color: red;*/
float: none;
padding-left: 0px;
}
.testimonialTitle{
text-align: center;
}
/*the grid mobile phone*/
.tg-item, .tg-item * {
font-size: 12px!important;
}
#rev_slider_10_1.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 51px!important;
}
.contentInPost{
margin-top: 0px;
/*padding-left: 0px!important;*/
/*padding-right: 0px!important;*/
padding-left: inherit!important;
padding-right: inherit!important;
border: 0px #353535 solid;
}
.contentInPost p{
/*padding-left: 20px;*/
}
.singlePostTitle {
/*text-align: center;*/
/*font-size: 23px;*/
}
.eg-portfolio-custom-3-element-1{
line-height: 13px!important;
font-size: 11px!important;
padding: 5px 10px 10px 10px!important;
}
.eg-portfolio-custom-3-element-1-a {
margin: 10px 0px 0px 0px!important;
width: 100%!important;
}
#rev_slider_10_1.rev_slider .tp-caption, .rev_slider .caption *{
/*display: none!important;*/
}
.textwidget{
/* text-align: center;
padding: 20px;*/
}
.wp-image-1636{
width: 100%!important;
height: auto;
}
.forcefullwidth_wrapper_tp_banner {
margin-bottom: 41px!important;
}
.ubermenu.ubermenu-main {
top: 51px!important;
}
#esg-grid-51-1-wrap{
/*margin-top: -110px!important;*/
}
#rev_slider_10_1_wrapper{
display: none!important;
}
#rev_slider_24_2_wrapper{
display: block!important;
top: 8px!important;
}
.rev_slider .tp-caption, .rev_slider .caption{
/*display: none!important;*/
}
/*/////////////////////////////////////////////*/
/*mobile replacement for rev*/
/*mobile versions:*/
/*desktop versions:*/
/*/////////////////////////////////////////////*/
.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 0px!important;
}
#rev_slider_10_1.rev_slider.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img * {
background-position: center 84px!important;
}
.fullscreen-container {
/* max-height: 314px!important;
top: -33px!important;
left: 0px!important;*/
/*margin-bottom: -291px!Important;*/
}
#customArrowId{
display: none;
}
.customCaptionClass {
position: relative;
display: block;
left: 0px!important;
position: absolute;
right: auto!important;
bottom: 40px;
font-size: 12px!important;
white-space: initial!important;
line-height: 13px!important;
background-color: rgba(255, 255, 255, 0.91)!important;
color: #6f6f6f!important;
padding: 5px 20px 6px 20px!important;
}
/*/////////////////////////////////////////////////////////////////*/
/*end revolution slider mobile*/
.service{
max-width: 100%;
/*padding: 15px!important;*/
}
.service p, ul {
line-height: 23px;
}
.serviceImage {
-webkit-filter: brightness(0.8);
height: 200px;
}
.serviceImage + figcaption {
font-size: 16px!important;
top: 87px;
}
#content{
min-height: 600px;
}
.singleProjectTitle{
font-size: 25px;
}
}
/*end phone resp*/
/*end mobile phone styles*/
/*End CSS import from MID theme*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/