/*------------------------------------------------------ /*------------------------------------------------------ CSS TOB: 1. COMMONS 2. STRUCTURAL 3. TYPO & LINKS- 4. MISC 5. REQUIRED #00ffe0 Bright Teal #11bfb7 Background Teal ---------------------------------------------------------*/ /*-------------------------------------------------------- 1.COMMON --------------------------------------------------------*/ html, body {min-height:100%; height:auto !important; height:100%; position:relative; margin-top: 0 !important; } header, nav, section, article, aside, footer {display:block;} body{ background:#f8f8f8 !important; font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#999;padding: 0;margin:0;-ms-word-wrap: break-word;word-wrap: break-word; font-weight: 400; } body.method { background: #242415; } a img {border: none;} /*-------------------------------------------------------- 2.STRUCTURAL --------------------------------------------------------*/ /*---------------------------- i.-- Header -----------------------------*/ /*Wrappers ----------------------------*/ #header-wrapper{width:100%; height: 148px !important; background-color: #11bfb7; margin:0; position:relative; z-index:100; padding:0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #header-wrapper { z-index: 100; position: fixed; top: 0; left: 0; webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; } .method #header-wrapper { background: #11bfb7; } body.admin-bar #header-wrapper { top:32px;} #header-wrapper.mobile{position:relative;} #header-wrapper #header-inner { max-width: 1410px; margin: 0 auto; display: block; width: 100%;} #header-wrapper.floating { height: 90px !important; transition: box-shadow 400ms; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } /*Widgets*/ #header-wrapper .header-widget-box{max-width: 170px;background: #11bfb7;} #header-wrapper .header-widget-box .header-outer-widget-wrapper{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #header-wrapper .header-widget-wrapper ul{float:left;width:100%;list-style:none; margin-right:0;margin-left: 0;margin-bottom: 0;} #header-wrapper .header-widget-wrapper ul li{width:100%;float:left;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;} #header-wrapper .header-widget-wrapper ul li h4.widget-title{font-size:15px; line-height:15px; color:#999; margin-bottom:20px;} #header-wrapper .header-widget-wrapper ul li h4.widget-title span {font-weight: bold;} #header-wrapper .header-widget-wrapper ul li h4.widget-title,#header-wrapper .header-widget-wrapper ul li h4.widget-title span {color: #999;} #header-wrapper .header-widget-wrapper ul li ul {list-style:none;} #header-wrapper .header-widget-wrapper ul li ul li{margin-bottom:5px; padding:0; border:none !important;} #header-wrapper .header-widget-wrapper ul li ul li:last-child{margin:0 !important;} #header-wrapper .header-widget-wrapper a{color:#333;text-decoration:none;width:100%;} #header-wrapper .header-widget-wrapper a:hover{color:#00ffe0;text-decoration:underline;} #header-wrapper .header-widget-wrapper ul li ul li p.date{color:#999; font-size:11px;text-transform:uppercase;} #header-wrapper .header-widget-wrapper img{max-width: 100%; height: auto;} #header-wrapper .header-widget-wrapper select{max-width: 100%;} /*Widget: recent posts*/ #header-wrapper .header-widget-wrapper ul li.widget_recent_entries ul li{margin-bottom: 10px;} #header-wrapper .header-widget-wrapper ul li.widget_recent_entries ul li a{font-weight: bold;line-height: 15px;} #header-wrapper .header-widget-wrapper ul li.widget_recent_entries ul li span{display:block;font-size:11px;line-height: 15px; font-style: italic;} /*Toggle Button*/ #header-wrapper .mobile-widget-box-toggle-wrapper{width:100%;height: 45px;display:none;position:absolute; bottom:0; left:0; text-align:center;background-color:#11bfb7;} #header-wrapper .mobile-widget-box-toggle-wrapper a{width:45px;height:45px;background:url(../images/ui/mobileWidget-toggle.png) center 0 no-repeat;display:inline-block; text-indent: -9999px;} #header-wrapper .mobile-widget-box-toggle-wrapper a.open{background-position: center -45px;} /*Social*/ #header-wrapper ul.connect {width:100%;float:left;list-style:none;margin:0 auto 30px auto; overflow:hidden;line-height:20px; text-align: center;} #header-wrapper ul.connect li{display:inline-block;margin-right:10px; float: left;} #header-wrapper ul.connect li:last-child{border:none;padding-right:0px;margin-right:0px;} #header-wrapper ul.connect li a{width:20px;height:20px; display:inline-block;background-repeat: no-repeat;float:left;padding:float:left; color:#999; text-transform:uppercase; font-size:11px; opacity:0.3;text-indent:-9999px;filter: alpha(opacity=30);transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} #header-wrapper ul.connect li a:hover{float:left; color:#333;opacity:1;filter: alpha(opacity=100);} #header-wrapper ul.connect li:last-child a{margin-right: 0px;} ul.connect li a.pinterest{background-image:url(../images/ui_shortcodes/social/pinterest-small.png);} ul.connect li a.twitter{background-image:url(../images/ui_shortcodes/social/twitter-small.png);} ul.connect li a.facebook{background-image:url(../images/ui_shortcodes/social/facebook-small.png);} ul.connect li a.skype{background-image:url(../images/ui_shortcodes/social/skype-small.png);} ul.connect li a.forrst{background-image:url(../images/ui_shortcodes/social/forrst-small.png);} ul.connect li a.googleplus{background-image:url(../images/ui_shortcodes/social/googleplus-small.png);} ul.connect li a.flickr{background-image:url(../images/ui_shortcodes/social/flickr-small.png);} ul.connect li a.myspace{background-image:url(../images/ui_shortcodes/social/myspace-small.png);} ul.connect li a.vimeo{background-image:url(../images/ui_shortcodes/social/vimeo-small.png);} ul.connect li a.dribbble{background-image:url(../images/ui_shortcodes/social/dribbble-small.png);} ul.connect li a.linkedin{background-image:url(../images/ui_shortcodes/social/linkedin-small.png);} ul.connect li a.youtube{background-image:url(../images/ui_shortcodes/social/youtube-small.png);} ul.connect li a.vine{background-image:url(../images/ui_shortcodes/social/vine-small.png);} ul.connect li a.spotify{background-image:url(../images/ui_shortcodes/social/spotify-small.png);} ul.connect li a.rss{background-image:url(../images/ui_shortcodes/social/rss-small.png);} ul.connect li a.instagram{background-image:url(../images/ui_shortcodes/social/instagram-small.png);} ul.connect li a.github{background-image:url(../images/ui_shortcodes/social/github-small.png);} ul.connect li a.behance{background-image:url(../images/ui_shortcodes/social/behance-small.png);} ul.connect li a.deviantart{background-image:url(../images/ui_shortcodes/social/deviantart-small.png);} ul.connect li a.soundcloud{background-image:url(../images/ui_shortcodes/social/soundcloud-small.png);} ul.connect li a.tumblr{background-image:url(../images/ui_shortcodes/social/tumblr-small.png);} ul.connect li a.android{background-image:url(../images/ui_shortcodes/social/android-small.png);} ul.connect li a.apple{background-image:url(../images/ui_shortcodes/social/apple-small.png);} ul.connect li a.windows{background-image:url(../images/ui_shortcodes/social/windows-small.png);} ul.connect li a.fivehundredpx{background-image:url(../images/ui_shortcodes/social/500-small.png);} ul.connect.white li a.pinterest{background-image:url(../images/ui_shortcodes/social/pinterest-small-white.png);} ul.connect.white li a.twitter{background-image:url(../images/ui_shortcodes/social/twitter-small-white.png);} ul.connect.white li a.facebook{background-image:url(../images/ui_shortcodes/social/facebook-small-white.png);} ul.connect.white li a.skype{background-image:url(../images/ui_shortcodes/social/skype-small-white.png);} ul.connect.white li a.forrst{background-image:url(../images/ui_shortcodes/social/forrst-small-white.png);} ul.connect.white li a.googleplus{background-image:url(../images/ui_shortcodes/social/googleplus-small-white.png);} ul.connect.white li a.flickr{background-image:url(../images/ui_shortcodes/social/flickr-small-white.png);} ul.connect.white li a.myspace{background-image:url(../images/ui_shortcodes/social/myspace-small-white.png);} ul.connect.white li a.vimeo{background-image:url(../images/ui_shortcodes/social/vimeo-small-white.png);} ul.connect.white li a.dribbble{background-image:url(../images/ui_shortcodes/social/dribbble-small-white.png);} ul.connect.white li a.linkedin{background-image:url(../images/ui_shortcodes/social/linkedin-small-white.png);} ul.connect.white li a.youtube{background-image:url(../images/ui_shortcodes/social/youtube-small-white.png);} ul.connect.white li a.vine{background-image:url(../images/ui_shortcodes/social/vine-small-white.png);} ul.connect.white li a.spotify{background-image:url(../images/ui_shortcodes/social/spotify-small-white.png);} ul.connect.white li a.rss{background-image:url(../images/ui_shortcodes/social/rss-small-white.png);} ul.connect.white li a.instagram{background-image:url(../images/ui_shortcodes/social/instagram-small-white.png);} ul.connect.white li a.github{background-image:url(../images/ui_shortcodes/social/github-small-white.png);} ul.connect.white li a.behance{background-image:url(../images/ui_shortcodes/social/behance-small-white.png);} ul.connect.white li a.deviantart{background-image:url(../images/ui_shortcodes/social/deviantart-small-white.png);} ul.connect.white li a.soundcloud{background-image:url(../images/ui_shortcodes/social/soundcloud-small-white.png);} ul.connect.white li a.tumblr{background-image:url(../images/ui_shortcodes/social/tumblr-small-white.png);} ul.connect.white li a.android{background-image:url(../images/ui_shortcodes/social/android-small-white.png);} ul.connect.white li a.apple{background-image:url(../images/ui_shortcodes/social/apple-small-white.png);} ul.connect.white li a.windows{background-image:url(../images/ui_shortcodes/social/windows-small-white.png);} ul.connect.white li a.fivehundredpx{background-image:url(../images/ui_shortcodes/social/500-small-white.png);} /*Logo ----------------------------*/ header #logo { text-align:center; margin-top: 0px; float: left; margin-bottom: 0; height: 80px;} header #logo a{float:left; display:block;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; position:relative; padding-top: 5px;} header #logo a span.line-logo { position:absolute; top: 0; left:2px; height:5px; width:230px; background-color:#00ffe0 /*#f44b4b*/; } header #logo a img{vertical-align: bottom; display: block; max-width: 257px; position: relative; top:-3px; left:-4px; width:100%;} /*position the header logo change "top:"*/ header #logo a:hover{opacity:0.5;filter: alpha(opacity=50);} header #logo a:active{position:relative;top:1px;} /* Main menu ----------------------------*/ header nav#primary-nav { float: left; display: block; margin-top: 34px; margin-bottom: 0; } header nav#primary-nav ul{list-style:none;font-size:14px; margin-bottom: 0px; float: right;} header nav#primary-nav ul.mobile-navigation {width:100%; max-width:100%;margin: 0;} header nav#primary-nav ul li{position: relative; margin: 0; display: inline-block; overflow: visible; margin-right: 25px;} header nav#primary-nav ul li:last-child { margin-right: 0; } header nav#primary-nav ul li:after{content:""; width:170px; height: 0px; position:absolute; bottom:0px;left:0;} header nav#primary-nav ul li a {font-family: 'Titillium Web', sans-serif; font-size:15px !important; color:#000; text-decoration:none; line-height:16px; padding: 0; display: block; font-size:14px; font-weight: normal; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} header nav#primary-nav ul li:hover .sub-menu,header nav#primary-nav ul li:hover .children{display:block; opacity: 1;} header nav#primary-nav ul li a:hover{color:#999; border-color: #1c1c1c; } header nav#primary-nav ul li.current_page_parent a, header nav#primary-nav ul li.current-menu-item a,header nav#primary-nav ul li.current_page_item a,.blog .current-menu-item a,.blog .current_page_item a{color:#000; border-color: #1c1c1c} a#menu-closer { position: fixed; top:16px; margin-bottom: -20px; right: 13px; color: #999; display: none;} a#menu-closer .krown-svg { fill: #fff; /*close icon in mobile menu*/ } a#menu-closer:hover .krown-svg { fill: #00ffe0; /*#00ffe0 is bright Teal*/ /* close icon */ } .method header nav#primary-nav ul li a { color: #DFDFD0 !important; } .method header nav#primary-nav ul li a:hover,.method header nav#primary-nav ul li.current-menu-item a { color: #DFDFD0 !important; border-color: #DFDFD0 !important;} .method header nav#primary-nav ul li ul.sub-menu { border-color: #DFDFD0 !important; } /*header nav#primary-nav ul li.current-menu-item a:after,header nav#primary-nav ul li.current_page_item a:after,.blog .current-menu-item a:after,.blog .current_page_item a:after{content:" \2192";}*/ /*sub menu*/ /*header nav#primary-nav ul li ul.sub-menu, header nav#primary-nav ul li ul.children{width:180px;position:absolute;top:80px;left:0px; background:#fff; background:none !important;margin:0;color:#ccc;display:none;z-index:10100000;white-space:normal;padding:0 0 0 1px;-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0); border-left: 2px solid #000; } header nav#primary-nav ul li ul.sub-menu li,header nav#primary-nav ul li ul.children li{float:none;position:relative;z-index:101;margin:0;padding:0 20px;width:100%;border-bottom:none !important;background-color:transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} header nav#primary-nav ul li ul.sub-menu li:after,header nav#primary-nav ul li ul.children li:after{width: 140px;left:20px;} header nav#primary-nav ul li ul.sub-menu li:last-child:after,header nav#primary-nav ul li ul.children li:last-child:after{border: none;} header nav#primary-nav ul li ul.sub-menu li:last-child,header nav#primary-nav ul li ul.children li:last-child{border-bottom:none;} header nav#primary-nav ul li ul.sub-menu li a, header nav#primary-nav ul li ul.children li a{font-size:14px;line-height:22px;font-weight:normal;color:#999; padding: 0 0 15px 0; border:none;} header nav#primary-nav ul li ul.sub-menu li:first-child a,header nav#primary-nav ul li ul.children li:first-child a{/*padding-top: 18px;*//*} header nav#primary-nav ul li ul.sub-menu li:last-child a,header nav#primary-nav ul li ul.children li:last-child a{padding-bottom: 0px;} header nav#primary-nav ul li ul.sub-menu li a:hover,header nav#primary-nav ul li ul.children li a:hover{color:#000;} header nav#primary-nav ul li ul.sub-menu li a:after,header nav#primary-nav ul li ul.children li a:after{content:"";} header nav#primary-nav ul li ul.sub-menu li.current-menu-item a,header nav#primary-nav ul li ul.children li.current_page_item a{color:#00ffe0;} /*header nav#primary-nav ul li.current-menu-ancestor a:after,header nav#primary-nav ul li.current_page_parent a:after{content:" \2192";}*/ /*header nav#primary-nav ul li.current-menu-ancestor ul.sub-menu li a, header nav#primary-nav ul li.current_page_parent ul.children li a, header nav#primary-nav ul li.current_page_item ul.children li a{background:none;}*/ header nav#primary-nav ul li ul.sub-menu, header nav#primary-nav ul li ul.children{width:400px;position:absolute;top:65px;left:0px; background:#11bfb7; background:none !important;margin:0;color:#ccc;display:none;z-index:10100000;white-space:normal;padding:0 0 0 1px;-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0); border-bottom: none; /*2px solid #000;*/ } #header-inner-sticky header nav#primary-nav ul li ul.sub-menu { top:32px; } header nav#primary-nav ul li ul.sub-menu li,header nav#primary-nav ul li ul.children li{display:block; float:left;position:relative;z-index:101;margin:0;padding:0 20px 0 0; width:auto;border-bottom:none !important;background-color:transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} header nav#primary-nav ul li ul.sub-menu li:after,header nav#primary-nav ul li ul.children li:after{width: 140px;left:20px;} header nav#primary-nav ul li ul.sub-menu li:last-child:after,header nav#primary-nav ul li ul.children li:last-child:after{border: none;} header nav#primary-nav ul li ul.sub-menu li:last-child,header nav#primary-nav ul li ul.children li:last-child{border-bottom:none;} header nav#primary-nav ul li ul.sub-menu li a, header nav#primary-nav ul li ul.children li a{font-size:14px;line-height:22px;font-weight:normal;color:#999; padding: 0 0 15px 0; border:none;} header nav#primary-nav ul li ul.sub-menu li:first-child a,header nav#primary-nav ul li ul.children li:first-child a{/*padding-top: 18px;*/} header nav#primary-nav ul li ul.sub-menu li:last-child a,header nav#primary-nav ul li ul.children li:last-child a{padding-bottom: 0px;} header nav#primary-nav ul li ul.sub-menu li a:hover,header nav#primary-nav ul li ul.children li a:hover{color:#000;} header nav#primary-nav ul li ul.sub-menu li a:after,header nav#primary-nav ul li ul.children li a:after{content:"";} header nav#primary-nav ul li ul.sub-menu li.current-menu-item a,header nav#primary-nav ul li ul.children li.current_page_item a{color:#373a47;} /*Active page menu btn*/ /*header nav#primary-nav ul li.current-menu-ancestor a:after,header nav#primary-nav ul li.current_page_parent a:after{content:" \2192";}*/ header nav#primary-nav ul li.current-menu-ancestor ul.sub-menu li a, header nav#primary-nav ul li.current_page_parent ul.children li a, header nav#primary-nav ul li.current_page_item ul.children li a{background:none; } header nav#primary-nav ul li ul.sub-menu li.current-menu-item a { font-weight: bold; } /* Profile Template ----------------------------*/ .home #header-wrapper, .page-template-page-services #header-wrapper, .page-template-page-single-service #header-wrapper, .page-template-page-red #header-wrapper, .page-template-page-contact #header-wrapper, .page-template-page-profile #header-wrapper { background-color: #11bfb7 /*#f44b4b*/; /* header with MENU color #11bfb7 is Teal*/ } .home header nav#primary-nav ul li a, .page-template-page-services header nav#primary-nav ul li a, .page-template-page-single-service header nav#primary-nav ul li a, .page-template-page-red header nav#primary-nav ul li a, .page-template-page-contact header nav#primary-nav ul li a, .page-template-page-profile header nav#primary-nav ul li a { color: #fff; /*color for main menu TEXT n mobile */ } .home header nav#primary-nav ul li.current-menu-item a, .page-template-page-services header nav#primary-nav ul li.current-menu-item a, .page-template-page-single-service header nav#primary-nav ul li.current-menu-item a, .page-template-page-red header nav#primary-nav ul li.current-menu-item a, .page-template-page-contact header nav#primary-nav ul li.current-menu-item a, .page-template-page-profile header nav#primary-nav ul li.current-menu-item a { color: #373a47; /*current page item color in header menu #373a47 is grey*/ } .home header #logo a span.line-logo, .page-template-page-services header #logo a span.line-logo, .page-template-page-single-service header #logo a span.line-logo, .page-template-page-red header #logo a span.line-logo, .page-template-page-contact header #logo a span.line-logo, .page-template-page-profile header #logo a span.line-logo { background-color: #11bfb7; } .home header #logo a svg, .page-template-page-services header #logo a svg, .page-template-page-single-service header #logo a svg, .page-template-page-red header #logo a svg, .page-template-page-contact header #logo a svg, .page-template-page-profile header #logo a svg { width:247px; height: 175px; position:relative; top: -40px; left:-5px; } .home header #logo a svg path, .page-template-page-services header #logo a svg path, .page-template-page-single-service header #logo a svg path, .page-template-page-red header #logo a svg path, .page-template-page-contact header #logo a svg path, .page-template-page-profile header #logo a svg path { /*fill: # !important; *//*fills the color for the logo to any color:*/ text-style:normal; } .home header #logo a#menu-closer, .page-template-page-services header #logo a#menu-closer, .page-template-page-single-service header #logo a#menu-closer, .page-template-page-red header #logo a#menu-closer, .page-template-page-contact header #logo a#menu-closer, .page-template-page-profile header #logo a#menu-closer { color: #fff; } .home header #logo a#menu-closer .krown-svg, .page-template-page-services header #logo a#menu-closer .krown-svg .page-template-page-single-service header #logo a#menu-closer .krown-svg, .page-template-page-red header #logo a#menu-closer .krown-svg, .page-template-page-contact header #logo a#menu-closer .krown-svg, .page-template-page-profile header #logo a#menu-closer .krown-svg{ fill: #fff; } .home header .mobile-menu-toggle a .krown-svg, .page-template-page-services header .mobile-menu-toggle a .krown-svg, .page-template-page-single-service header .mobile-menu-toggle a .krown-svg, .page-template-page-red header .mobile-menu-toggle a .krown-svg, .page-template-page-contact header .mobile-menu-toggle a .krown-svg, .page-template-page-profile header .mobile-menu-toggle a .krown-svg{ fill: #fff; } /* Mobile menu toggle ----------------------------*/ header .mobile-menu-toggle { text-align:center;display:none;margin:0; float: right; display: block; margin-top: 15px; bottom: -2px; position: relative;} header .mobile-menu-toggle a,#header-wrapper #header-inner header .mobile-menu-toggle.open a{ display: block; height:55px; width:55px;} header .mobile-menu-toggle a .krown-svg{ fill: #333; /*background:url(../images/ui/mobileMenu-toggle2.png) center center no-repeat; /*border: 1px solid #ffffff; border-bottom: 1px solid #e6e6e6;*/} header .mobile-menu-toggle a:hover .krown-svg { fill: #65ffc9 /*#00ffe0*/;} /*hamburger icon color*/ header .mobile-menu-toggle a.open{ /*border: 1px solid #e6e6e6; border-bottom: 1px solid #FFFFFF;*/ } header .mobile-menu-separator { border-bottom: 1px solid #e6e6e6; border-top: none; border-left: none; border-right: none; padding: 0; margin: 0; display: none; width: 100%; float: left; margin-bottom: 20px;} /* Tablet & mobile menu ----------------------------*/ #header-wrapper.is_tablet { position: absolute; } /*#header-wrapper.is_tablet #header-inner {height:auto;overflow:hidden;} #header-wrapper.is_tablet #header-inner header #logo {margin: 0 auto 30px auto;float:none;} #header-wrapper.is_tablet #header-inner .mobile-menu-toggle {border-top:1px solid #e6e6e6;margin-top:0;} header nav#primary-nav ul.mobile-navigation{text-align: center; width: 100%;margin-top:0px;padding-bottom:14px; display:none;} header nav#primary-nav ul.mobile-navigation li{float:none; margin: 0 0 5px 0;} header nav#primary-nav ul.mobile-navigation li:after{border: none;} header nav#primary-nav ul.mobile-navigation li a{padding:5px 0; display: inline-block;} header nav#primary-nav ul.mobile-navigation li:first-child{margin-top:0px;} header nav#primary-nav ul.mobile-navigation li:first-child.current-menu-item,header nav#primary-nav ul.mobile-navigation li:first-child.current_page_item {margin-top: 6px;} header nav#primary-nav ul.mobile-navigation li.current-menu-item a:after,header nav#primary-nav ul.mobile-navigation li.current_page_item a:after{content: ""} /*sub menu*//* header nav#primary-nav ul.mobile-navigation li {padding: 0; position: static; } header nav#primary-nav ul.mobile-navigation li ul.sub-menu,header nav#primary-nav ul.mobile-navigation li ul.children{color: #ccc; display: block;opacity:1;margin: 0; padding:10px 0;position: static;top: auto;left:0;white-space: normal;width: 100%;z-index: auto; margin-left: 40px;} header nav#primary-nav ul.mobile-navigation li:last-child ul.sub-menu{border-bottom:none;padding-bottom:0;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li,header nav#primary-nav ul.mobile-navigation li ul.children li{float:none;position:static;z-index:auto;padding:0;width:100%;border-bottom:none; margin-top: 0; } header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a, header nav#primary-nav ul.mobile-navigation li ul.children li a{padding:5px 0 !important;color:#999;} header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a:hover,header nav#primary-nav ul.mobile-navigation li ul.children li a:hover{color:#00ffe0;} header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor ul.sub-menu li.current-menu-item a,header nav#primary-nav ul.mobile-navigation li.current_page_parent ul.children li.current_page_item a{background:none;color:#fff;} header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a,header nav#primary-nav ul.mobile-navigation li.current_page_parent a{background:none ;color:#00ffe0;}*/ /* related post */ #related-post { float: left; display: block; width: 100%; padding-bottom: 40px; padding-top: 50px; border-top: 1px solid #ddd; margin-top: 20px; background-color: #f8f8f8;} #related-post .rp4wp-related-posts h3 { display: block; text-align: left; color: #444444; margin-bottom: 15px; font-size: 18px; line-height: 22px; font-family: "Titillium Web", Arial;} #related-post .rp4wp-related-posts a:hover h3 { color: #00ffe0;} #related-post .rp4wp-related-posts ul {width:100%;padding:0;margin:0;float:left;} #related-post .rp4wp-related-posts ul > li {list-style:none; padding:0; margin:0; padding-bottom:37.23%; float: left; display:block; width: 24.04%; margin-right: 1.28%; height:0; margin-bottom: 20px;} #related-post .rp4wp-related-posts ul > li:last-child { margin-right:0; } #related-post .rp4wp-related-posts ul > li > p {margin:0;padding:0; font-size: 15px; line-height: 19px; color: #999999; font-family: 'Titillium Web', arial;} /*#related-post .rp4wp-related-post-content a { font-size: 16px; color: #212121; margin-bottom: 15px; display: block; font-family: Arial,sans-serif; clear: both; min-height: 50px;} #related-post .rp4wp-related-post-content a:hover { /*color: #999999;*//* color: #00ffe0; }*/ #related-post .rp4wp-related-post-image{width:100%; height: 0; padding-bottom: 113.57%; background-color: #ddd; margin-bottom:25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left; overflow: hidden;} #related-post .rp4wp-related-post-image a { width: 100%; height: 100%; display: block; } #related-post .rp4wp-related-posts ul > li img { width: 100%;} /*---------------------------- ii.-- Content -----------------------------*/ /*Wrappers ----------------------------*/ #content-wrapper { padding:148px 0 20px 0; min-height: 450px; height:auto !important; height: 400px;} #content-wrapper.has_post_thumbnail { padding-top: 0px; } #content-wrapper section.homepage .homepage-info, #content-wrapper section.portfolio #grid { max-width:1410px; margin-left:0px; margin: 0 auto;} #content-wrapper section.homepage { padding-top: 40px !important; padding-bottom: 100px !important; background-color: #11bfb7/*#f44b4b*/; } /* color for HEADER*/ #content-wrapper section.homepage.portfolio { background-color: #11bfb7;} #content-wrapper section.homepage h1, #content-wrapper section.homepage p, #content-wrapper section.homepage a { color:#fff;} /*COLOR FOR HEADING ON HEARDER*/ #content-wrapper section.portfolio-fixed-width-grid{max-width:1410px; margin-left:40px;} #content-wrapper.full-width-grid-wrapper {/*padding:0;*/} #content-wrapper section.portfolio-full-width-grid{max-width:1422px; margin: 0 auto; margin-bottom: 50px; width: 100%;} #content-wrapper section.homepage li { font-size: 16px; color: #999; list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAE0lEQVQIW2NkYGD4D8RwwEi6AACaVAQBULo4sgAAAABJRU5ErkJggg=="); } #content-wrapper #folio-navigation, #content-wrapper section.pages{ max-width:1410px; margin: 0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; } #content-wrapper > section.pages:first-child > *:first-child { padding-top: 30px; } .page-template-page-services-php #content-wrapper section.pages { max-width: 1410px; width: 100%; text-align: center; } .blog #content-wrapper section.pages{ width:1410px; max-width: none; } #content-wrapper section.portfolio{width:1410px;} .single-udt_portfolio #content-wrapper section.pages{margin-bottom: 50px;} #content-wrapper section.portfolio .pages{margin-left: 0;} #content-wrapper section.slider-full-width{max-width:100%;} .portfolio-project section.slider-full-width{margin-top:0px;} #content-wrapper section.slider-full-width.slider-homepage{margin-top: -50px;} #content-wrapper.grid-layout{margin-bottom: 0;} /*Section-title & teaser ----------------------------*/ .single-udt_portfolio #section-title { border-bottom: none !important; padding: 50px 0 50px 0 !important; } .single-udt_portfolio #section-title h1 { text-transform: none; } #section-title{padding-bottom:50px;margin-bottom: 59px;border-bottom:1px solid #eee;margin-bottom: 50px; text-align: left;} #content-wrapper section.slider-full-width #section-title{margin-left: 40px;} #section-title h1{position:relative; margin-bottom:0; /*text-transform: uppercase;*/} #section-title.with-teaser {padding-bottom:40px;} #section-teaser #teaser { margin-top: 0; } #section-teaser #teaser .read-more-show { margin-left: 10px; } #teaser{ font-size:16px;line-height:24px;color:#999; text-transform:none !important;margin-top: 30px;} #teaser hr { margin-bottom: 14px; border:none;} #teaser.teaser-no-title {margin-top:20px;} #teaser p:last-child{margin-bottom: 0;} /*Homepage ----------------------------*/ .sub-section-title{max-width:1410px;margin:0 auto 50px auto;} .latest-posts-grid .sub-section-title { margin-bottom: 0;} .sub-section-title h2{text-align: left; font-size: 26px;line-height: 20px; /*background: url(../images/ui/title-mark.png) left top no-repeat transparent;*/ padding-top: 0px; color: #444444; } #content-wrapper section.latest-posts-grid{max-width:870px;margin-left: 40px;} .portfolio-full-width-grid .sub-section-title{margin: 0 0 50px 40px;} #content-wrapper section.latest-posts-grid #content-inner-blog-grid article.blog-post{margin-bottom: 0;} #content-wrapper section.portfolio-below-content { padding: 0 3%; width:auto; margin-top:-100px !important;} #content-wrapper section.portfolio-below-content, #content-wrapper section.latest-posts-below-content{margin-top:12px;} #content-wrapper section.portfolio-below-content .sub-section-title, #content-wrapper section.latest-posts-below-content .sub-section-title{padding-top:50px; border-top:1px solid #e6e6e6;} #content-wrapper section.homepage .our-clients ul { display: block; margin: 0; padding: 0;} #content-wrapper section.homepage .our-clients li { list-style: none; display: inline-block; margin-left: 25px; } /*portfolio button*/ .portfolio-button{max-width:870px;text-align: left;margin:20px auto 0 auto;font-family: "Source Sans Pro",sans-serif;font-size: 11px;letter-spacing: 1px;text-transform: uppercase;} .portfolio-button a{width:auto;height:30px;line-height:30px;display:inline-block;border-radius:0px;padding:0 9px;border:1px solid #e6e6e6;color:#777;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} .portfolio-button a:hover{color:#777;border-color: #777;} .portfolio-full-width-grid .portfolio-button{margin: 50px 0 0 40px;} /*Portfolio ----------------------------*/ /*Fixed grid*/ .portfolio-fixed-width-grid #grid{width:876px; overflow:hidden;margin-left:-6px; position:relative;z-index:1;} .portfolio-fixed-width-grid #grid .thumb{width:286px !important;/*height:196px !important;*/float:left;overflow:hidden;margin:0 0 6px 6px;} #content-wrapper section.portfolio-fixed-grid .pages {margin-bottom: 50px;} #content-wrapper section.portfolio-fixed-width-grid .portfolio-filter-wrapper{margin-bottom: 5px;padding:6px 10px;} #content-wrapper.portfolio-project .full-width-video-wrapper {max-width: 100%;height: 100%; /*margin-top:-50px;*/} /*Full-width grid*/ .portfolio-full-width-grid #grid{width:100%; display: block; margin: 0 auto; text-align: center; } .portfolio-full-width-grid #grid .thumb{ width: 50%; height:792px; margin: 0; float: left; } .portfolio-full-width-grid #grid .thumb.primary{ width: 100%; height:700px; float: left; } .portfolio-full-width-grid #grid .thumb.secondary { height: 390px;} #content-wrapper section.portfolio-full-width-grid .pages {margin-bottom: 50px;} .tax-portfolio_category .portfolio-full-width-grid #grid .thumb { height: auto; min-height: 700px; } .home .portfolio-full-width-grid #grid {width:100%; display: block; margin: 0 auto; text-align: center; } .home .portfolio-full-width-grid #grid .thumb{ width: 49.5%; height:0px; margin:0 0.5% 0 0; float: left; padding: 0 0 55.32% 0 !important; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position: relative;} .home .portfolio-full-width-grid #grid .thumb a { margin: 0; position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; } .home .portfolio-full-width-grid #grid .thumb img { width: 100%; height: 100%; } .home .portfolio-full-width-grid #grid .thumb.primary{ width: 100%; margin:0; height:0px; padding: 0 0 48.9% 0 !important; margin-bottom:12px; clear: both; float: none;} .home .portfolio-full-width-grid #grid .thumb.secondary { width: 49.5%; padding: 0 0 27.25% 0 !important; height: 0px;margin:0 0 12px 0.5%; float: left; } .home .portfolio-full-width-grid #grid .thumb .caption { position: absolute; top:0; left: 0; width: 100%; height:100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 99; filter: alpha(opacity=70);} .home .portfolio-full-width-grid #grid .thumb .caption > div { display: table; width: 100%; height: 100%;} .home .portfolio-full-width-grid #grid .thumb .caption > div > div { display: table-cell; vertical-align: middle;} .home .portfolio-full-width-grid #grid .thumb .caption span { font-family: Arial, Arial; color: #fff; font-size: 14px; line-height: 20px; display: block; padding: 0 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 0; } .home section.masonry-grid .grid {width:100%; display: block; margin: 0 auto; text-align: center; } .home section.masonry-grid .grid .thumb{ width: 49.5%; /*height:0px;*/ margin:0 0.5% 0 0; float: left; padding: 0 0 55.32% 0 !important; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position: relative;} .home section.masonry-grid .grid .thumb .img-content { width:100%; height: 100%; position: absolute !important; top: 0; left: 0;} .home section.masonry-grid .grid .thumb img { width: 100%; } .home section.masonry-grid .grid .thumb a { } .home section.masonry-grid .grid .thumb.primary{ width: 100%; margin:0; height:0px; padding: 0 0 49.64% 0 !important; margin-bottom:12px; clear: both; float: none;} .home section.masonry-grid .grid .thumb.secondary { width: 49.5%; padding: 0 0 27.25% 0 !important; height: 0px;margin:0 0 12px 0.5%; float: left; } .home section.masonry-grid .grid .thumb .caption { position: absolute; top:0; left: 0; width: 100%; height:100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 99; filter: alpha(opacity=70);} .home section.masonry-grid .grid .thumb .caption > div { display: table; width: 100%; height: 100%;} .home section.masonry-grid .grid .thumb .caption > div > div { display: table-cell; vertical-align: middle;} .home section.masonry-grid .grid .thumb .caption span { font-family: Arial, Arial; color: #fff; font-size: 14px; line-height: 20px; display: block; padding: 0 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 0; } /*.home .portfolio-full-width-grid #grid .thumb a:hover .caption { display: block; }*/ /*Porfolio filter menu*/ .portfolio-filter-wrapper { width: 100%; background:transparent; padding:0px; margin-top: 40px; float:right; display:block;} .portfolio-filter-wrapper-below-content {margin-top: 50px;} .portfolio-filter-wrapper a { padding:0; margin: 0 0 0 15px; display: inline-block; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out; text-transform: uppercase; text-decoration: none; font-weight: normal; font-family: 'Titillium Web', Arial,​sans-serif; font-size: 18px; line-height: 22px; color: #cdcdcd; } .portfolio-filter-wrapper a:last-child{margin-right: 0; padding-right: 0} .portfolio-filter-wrapper a:hover { color:#f44b4b;/* background: url(../images/ui/a-mark.png) left top no-repeat transparent;*/} .portfolio-filter-wrapper a.active { color:#999; /*background: url(../images/ui/a-mark.png) left top no-repeat transparent;*/} .portfolio-filter-wrapper .filter-menu { display: block; clear: both; width: auto; float:right;} /*blog filter menu*/ .blog-filter { width: 100%; background:transparent; padding:0px; margin-top: 40px; float:left; display:block; text-align: right; } .blog-filter a {padding:0; margin: 0 0 0 15px; display: inline-block; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out; text-transform: uppercase; text-decoration: none; font-weight: normal; font-family: 'Titillium Web', Arial,​sans-serif; font-size: 18px; line-height: 22px; color: #cdcdcd; } .blog-filter a:last-child{margin-right: 0; padding-right: 0} .blog-filter a:hover { color:#f44b4b;/* background: url(../images/ui/a-mark.png) left top no-repeat transparent;*/} .blog-filter a.active { color:#999; /*background: url(../images/ui/a-mark.png) left top no-repeat transparent;*/} .blog-filter .filter-menu { display: block; clear: both; width: auto; float:right;} /*Featured media*/ #content-wrapper.front-page-regular .featured-media-container{margin-top: -10px;} .featured-media-container{max-width:870px;height:490px;margin-bottom:12px; position:relative; overflow:hidden;} .front-page-full-width-media .featured-media-container{max-width:100%;margin-top: -50px;} .featured-media-container.full-width-video-wrapper{height: auto;} .featured-media-container img{max-width:100%;height:auto;} .featured-media-container .full-width-featured-image{width:100%;height:490px;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .featured-media-container .video,.featured-media-container .flexslider{margin-bottom: 0px;height: 490px;} .featured-media-container .column-featured-half{width:50%;float:left;} .featured-media-container .column-featured-half img{max-width:100%;height:auto;} .single-udt_portfolio .pages .featured-media-container:last-child { margin-bottom:0;} /*Portfolio pagination*/ #folio-navigation{max-width:100%;height:40px;position:relative; width: auto; text-align: center; } #folio-navigation ul{float:none; margin:0; list-style:none; display: inline-block; } #folio-navigation ul li{margin:0; display: inline; ext-align: center;} #folio-navigation ul li#closeProject a,#folio-navigation ul li#nextProject a,#folio-navigation ul li#prevProject a,#folio-navigation ul li#nextProject.disabled,#folio-navigation ul li#prevProject.disabled{width:26px;height:26px;/*border:1px solid #e6e6e6;border-radius: 0px;*/ display: block; float: left;} #folio-navigation ul li#closeProject a{background-image:url(../images/ui/projects-close.png);background-position: center top;background-repeat: no-repeat; position:relative; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out; margin: 0 20px; } #folio-navigation ul li#closeProject a:hover{box-shadow:0 0 0 rgba(0,0,0,0) inset; border:none; background-position: center bottom; } #folio-navigation ul li#prevProject a{height:26px; background-image:url(../images/ui/projects-direction-nav-next.png);background-position: center top;background-repeat: no-repeat; text-indent: -9999px;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} #folio-navigation ul li#prevProject a:hover{box-shadow:0 0 0 rgba(0,0,0,0) inset;border:none; background-position: center bottom;} #folio-navigation ul li#nextProject a{height:26px; background-image: url(../images/ui/projects-direction-nav-prev.png);background-position: center top;background-repeat: no-repeat; text-indent: -9999px;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} #folio-navigation ul li#nextProject a:hover{box-shadow:0 0 0 rgba(0,0,0,0) inset;border:none; background-position: center bottom;} #folio-navigation ul li#prevProject.disabled{background: url(../images/ui/projects-direction-nav-next.png) center top no-repeat;float:left;opacity:0.5;filter: alpha(opacity=50);} #folio-navigation ul li#nextProject.disabled{background: url(../images/ui/projects-direction-nav-prev.png) center top no-repeat;float:right;opacity:0.5;filter: alpha(opacity=50);} #folio-navigation ul li#homeProject a,#folio-navigation ul li#nextProject a,#folio-navigation ul li#prevProject a,#folio-navigation ul li#nextProject.disabled,#folio-navigation ul li#prevProject.disabled{width:26px;height:26px;/*border:1px solid #e6e6e6;border-radius: 0px;*/ display: block; float: left;} #folio-navigation ul li#homeProject a{background-image:url(../images/ui/home1.png);background-position: center top;background-repeat: no-repeat; position:relative; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out; margin: 0 20px; } #folio-navigation ul li#homeProject a:hover{box-shadow:0 0 0 rgba(0,0,0,0) inset; border:none; background-position: center bottom; } /*Blog ----------------------------*/ /*Blog layout:grid*/ #content-inner-blog-list{max-width:100%;} #content-inner-blog-list li {display: block; list-style: none; background: url(../images/ui/li-mark.png) left 5px no-repeat transparent; padding-left: 20px; margin-bottom: 20px; } #content-inner-blog-list li a { font-size: 14px; color: #79796A; font-family: Arial, sans-serif; line-height: 14px;} #content-inner-blog-list li a:hover { color: #000;} #content-inner-blog-list #blog-list-container article.sticky .blog-post-list-content-inner{float:left;background-color: #11bfb7;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0) inset;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #content-inner-blog-list #blog-list-container article.blog-post:last-child{margin-bottom: 50px;} #content-inner-blog-grid{max-width:870px; overflow:hidden;} #content-inner-blog-grid #blog-grid-container{max-width:915px;margin-left:-45px;} #content-inner-blog-grid #blog-grid-container article{display: inline-block;vertical-align: top; border-bottom: none;padding-bottom: 0px;} #content-inner-blog-grid #blog-grid-container article.sticky .blog-post-grid-content-inner{float:left;background-color: #11bfb7;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0) inset;padding:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #content-inner-blog-grid #blog-grid-container article.blog-post:last-child{margin-bottom: 50px;} /*Content*/ .blog-post-grid-content{max-width:257px;margin-left:45px; float:left; position:relative;} .blog-post-grid-content .blog-post-featured-media{width:257px; margin-bottom:30px; float:left;overflow:hidden; position:relative;} .blog-post-grid-content .blog-post-featured-media .thumb{width:257px; margin-bottom: 0;} .blog-post-grid-content h2, .blog-post-grid-content h2 span, .blog-post-grid-content h2 a{font-size:35px;line-height:33px; margin-bottom:0px;color:#000; display: inline-block;width: 100%;} .blog-post-grid-content .blog-post-meta{width:100%; float:left; font-family:'Source Sans Pro';font-size: 11px; letter-spacing: 1px;line-height:15px;margin-bottom:20px;text-transform:uppercase;} .method h2, .method h2 span, .method h2 a{color:#E0DFD0 !important; padding-top: 0; background: none !important;} .method p { color: #E1DFD0; } /*Date*/ .blog-post-grid-content .blog-post-meta-date{height:52px;text-align:center;position:absolute;top:20px;right:20px;float:left;color:#fff;border-bottom: 3px solid #fff;font-family: 'Raleway',sans-serif;text-transform:uppercase;} .blog-post-grid-content .blog-post-meta-date span.day{font-weight:bold;display: block;font-size:35px;line-height:25px;padding-bottom:0;margin:5px 0;border-bottom: none;} .blog-post-grid-content .blog-post-meta-date span.month-year{display: block;font-size:12px;line-height:12px;} /*Blog layout:regular*/ .content-inner-left{width:50%;float:left; margin:0;} .content-inner-right{width:50%;float:right; margin:0;} .content-inner-center{width:100%; max-width:715px; float:none; margin:0 auto; padding-top: 0 !important; position: relative;} article.blog-post{margin-bottom:30px; /*overflow:hidden;*/ /*display: table-cell;*/ display: block; width: 100%;} article.blog-post.column_one_fourth { width: 23.5%; margin-right: 2%;} article.blog-post.column_one_fourth.last { margin-right: 0; } /*Content*/ .blog-content-inner { display: block; width: auto; margin: 0; } .blog-content-inner .blog-row { display: block; } .blog-post-content{width:100%; float:left;} .blog-post-content a:hover img { opacity: 0.8; } .blog-post-content a:hover h2 { color: #00ffe0 !important;} .blog .blog-post-content{width:100%; height:100%; padding: 0 2.5% 50px 2.5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .blog-post-content .blog-post-featured-media {width:100%; height:386px; margin-bottom:0px; overflow:hidden;position:relative; background-color: #ddd; } .blog-post-content .blog-post-featured-media a {width:100%; height:100%; display: block;} .blog-post-content .blog-post-featured-media .thumb{width:100%;margin-bottom: 0px; opacity: 1.0; } .blog-post-content .blog-post-featured-media img{max-width: 100%; height:100%; height: auto;} .blog .blog-post-content .blog-post-featured-media img.clone { z-index:500;} .blog .blog-post-content a { z-index: 600;} .blog .blog-post-content a:hover h2 { color: #00ffe0 !important;} .blog-post-content .blog-post-featured-media .video,.blog-post-content .blog-post-featured-media .flexslider{margin-bottom: 0px;height:340px;} .blog-post-content .blog-post-title {margin-bottom:18px;color:#000; float: left; width: 100%; color:#212121 !important;} .blog-post-content .blog-post-title a{color:#000;} .blog-post-content .blog-post-title a:hover{color:#ff0000;} .blog-post-content .video{margin-bottom:30px;} .blog-post-content .video video, .blog-post-content .video iframe, .blog-post-content .video object, .blog-post-content .video embed, .blog-post-content .video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important;} .blog-post-content p { margin-bottom:20px; font-size: 20px; line-height: 28px; color: #999999; font-family: 'Titillium Web', arial;} .blog-post-content p:last-child{margin-bottom:0px;} .blog-post-content .wp-caption-text { font-size: 15px; font-style: italic; line-height: 19px;} .blog .grid-sizer { width: 24.04%;} .blog .gutter-sizer { width: 1.28%;} .blog article.blog-post {margin:0px;padding:0px; overflow:hidden; border:none; float: left; height: auto; position: relative; } .blog article.blog-post { width: 24.04%; height: 0px; margin: 0 0 30px 0; padding: 0 0 37.23% 0; overflow: hidden;} .blog article.blog-post:nth-child(4n+0) { margin-right: 0;} .blog article.blog-post .blog-post-content { padding: 0;} .blog article.blog-post div.blog-caption { position: relative; color: #fff; padding: 0; width: 100%; float: left; display: block;} .blog .blog-post-content div.blog-caption .blog-post-title {color:#fff; font-size: 30px; } /*.blog article.blog-post div.blog-caption.top-left { top: 0px; left: 0px; } */ .blog article.blog-post div.blog-caption.top-right { top: 0px; right: 0px; } .blog article.blog-post div.blog-caption.bottom-right { bottom: 0px; right: 0px; } .blog article.blog-post div.blog-caption.bottom-left { bottom: 0px; left: 0px; } .blog article.blog-post div.blog-caption h2.blog-post-title { color: #444444 !important; margin-bottom: 10px; line-height: 20px; min-height: 35px; font-size: 18px; font-family: "Archetype Sans Semibold", Arial;} .blog article.blog-post div.blog-caption h2.blog-post-title a { color: #fff; } .blog article.blog-post div.blog-caption h2.blog-post-title a:hover { color: #fff; } .blog article.blog-post a:hover div.blog-caption h2.blog-post-title { color: #ddd !important; /*#00ffe0*/ } .blog article .blog-post-featured-media { float: left; margin: 0 0 25px 0; width: 100%; height:0; padding-bottom: 113.57%;} .blog article .blog-post-featured-media img { width: 100%; } .blog article p { padding: 0px; } .blog article .blog-post-info { float: left; } .blog article .blog-post-title { width: auto; float: none; margin: 0 0 16px 0; min-height: 40px; } .page .blog article .blog-post-featured-media { padding-bottom: 0;} /* -- new */ .blog { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .blog article.blog-post.new { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .blog article.blog-post { position: relative; margin: 0 0 10px 0; padding: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .blog article.blog-post .blog-post-featured-media { width: 100%; height:100%; position: absolute; top:0; left:0; } .blog article.blog-post.half-tall { width: 49.5%; padding-bottom: 54.04%; height:0; } .blog article.blog-post.half-short { width: 49.5%; padding-bottom: 26.65%; height:0; } .blog article.blog-post.half-tall.left, .blog article.blog-post.half-short.left { margin-right: 0.5%; margin-left: 0; } .blog article.blog-post.half-tall.right, .blog article.blog-post.half-short.right { margin-left: 0.5%; margin-right: 0; } .blog .grid-sizer { width: 49.5%;} .blog .gutter-sizer { width: 1%;} .blog article.blog-post a { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 99; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(73%, rgba(0,0,0,0)), color-stop(74%, rgba(1,1,1,0)), color-stop(100%, rgba(31,31,31,0.68))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f1f1f', GradientType=0 ); } .blog article.blog-post a div.blog-caption { position: absolute; bottom:0; left: 0; width: 100%; height: auto; display: block; background: none; text-align: left; top: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5.73% 10px; } .blog article.blog-post a div.blog-caption h2.blog-post-title { font-family: 'Titillium Web 300', sans-serif, georgia, arial; font-size: 26px; line-height: 28px; color: #fff !important; margin-bottom: 20px; font-weight: normal; font-style: normal; } .blog article.blog-post a div.blog-caption .readmore { font-size: 18px; line-height: 18px; padding: 20px 0; color: #fff; position: relative; } .blog article.blog-post a div.blog-caption .readmore:before { background: #00ffe0; content: ''; position: absolute; bottom: 100%; width: 50px; height: 1px; } .load-more { width: 100%; height: 50px; background: url(../images/loader.gif) center center no-repeat transparent; margin: 0 auto; display: inline-block; float: none; clear: both; display: none; } #temp { height: 1px;} /* ---- .element-item ---- */ .element-item { position: relative; float: left; width: 100px; height: 100px; margin: 5px; padding: 10px; background: #888; color: #262524; } .element-item > * { margin: 0; padding: 0; } .element-item .name { position: absolute; left: 10px; top: 60px; text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: normal; } .element-item .symbol { position: absolute; left: 10px; top: 0px; font-size: 42px; font-weight: bold; color: white; } .element-item .number { position: absolute; right: 8px; top: 5px; } .element-item .weight { position: absolute; left: 10px; top: 76px; font-size: 12px; } /*.page-template-page-services-php .service-post-content {width:100%; height:100%; float:left; display: block;} .page-template-page-services-php .service-post-content .service-post-featured-media{width:100%; height:100%;margin-bottom:0px; overflow:hidden;position:relative;} .service-post-content .service-post-featured-media a {width:100%; height:100%; display: block;} .service-post-content .service-post-featured-media .thumb{width:100%;margin-bottom: 0px;} .service-post-content .service-post-featured-media img{max-width: 100%; height:100%; height: auto; display: none;} .service-post-content .service-post-featured-media img.clone { z-index: 600;} .service-post-content p:last-child{margin-bottom:0px;} .page-template-page-services-php article.service-post { margin:0px;padding:0px; overflow:hidden; border:none; width: 33.3334%; display: block; float: left; height: auto; position: relative; } .page-template-page-services-php article.service-post div.service-caption { position: absolute; background-color: #eeeeee; color: #fff; padding: 0; width: 190px; height:190px; overflow: hidden; z-index: 700;} .page-template-page-services-php article.service-post div.service-caption.top-left { top: 0px; left: 0px; } .page-template-page-services-php article.service-post div.service-caption.top-right { top: 0px; right: 0px; } .page-template-page-services-php article.service-post div.service-caption.bottom-right { bottom: 0px; right: 0px; } .page-template-page-services-php article.service-post div.service-caption.bottom-left { bottom: 0px; left: 0px; } .page-template-page-services-php article.service-post div.service-caption h2.service-post-title { margin: 120px 0 0 30px; line-height: 20px} .page-template-page-services-php article.service-post div.service-caption h2.service-post-title { color: #76776f; font-family: 'Titillium', sans-serif !important; font-size: 14px; font-weight: bold; letter-spacing: normal; } /*.page-template-page-services-php article.service-post div.service-caption h2.service-post-title { color: #76776f; }*/ /*.page-template-page-services-php .pagination { float: left; width: 90%; clear: both; margin-top: 50px; padding: 0 5%;}*/ /*Date*/ .blog-post-meta-date{height:57px;text-align:center;position:absolute;top:20px;right:20px;float:left;color:#fff;border-bottom: 3px solid #fff;font-family: 'Raleway',sans-serif;text-transform:uppercase;} .blog-post-meta-date span.day{font-weight:bold;display: block;font-size:40px;line-height:30px;padding-bottom:0;margin:5px 0;border-bottom: none;} .blog-post-meta-date span.month-year{display: block;font-size:12px;line-height:12px;} /*Meta*/ .blog-post-content .blog-post-meta{width:100%; float:left; font-family:'Source Sans Pro';font-size: 11px; text-transform: uppercase; letter-spacing: 1px;line-height:15px;margin-bottom:20px;text-transform:uppercase;} .blog-post-content .blog-post-meta a, .blog-post-content .blog-post-meta span{text-decoration:none; font-weight:bold;} .blog-post-content .blog-post-meta a:hover{text-decoration:underline;} .blog-post-read-more, .blog-post-grid-content .blog-post-read-more{margin-bottom:0px; float: left; clear: both; padding: 0 15px; line-height: 40px; font-size: 11px; background:#00ffe0;color: #fff;border-radius:0px; box-shadow: 0 -3px 0 rgba(0,0,0,0) inset;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} .blog-post-read-more:hover,.blog-post-grid-content .blog-post-read-more:hover{box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;filter: alpha(opacity=70);opacity: 0.7;} /*Post tags*/ .post-tags {font-size:11px !important;} .post-tags a{background:#e6e6e6;color:#666; padding:4px 6px;margin-right:2px;} .post-tags a:hover{background:#222;color:#fff;} /* Single */ .single .blog-post-featured-media { max-width:1410px; width: 100%; overflow: hidden; margin:0 auto; margin-top: 148px !important; padding-top: 70px; margin-bottom:0px; display:block; position: relative;} .single .blog-post-featured-media img { width: 100%; margin: 0; padding: 0; display: block; } .single .sidebar { width: 50%; } .single aside.blog-sidebar { margin-top: 0px !important; padding-top: 0px !important;} .single .sidebar #section-title { margin-bottom: 30px; padding-bottom: 0; border: none; } .single .sidebar #section-title h1 { text-transform: none; border-bottom: none; font-family: 'Titillium Web', Arial; color: #999999; font-size: 36px; line-height: 36px;} .single .sidebar .blog-post-meta { font-family: 'Titillium Web', "sans-serif", Arial; color:#999; font-size: 15px; line-height: 18px;} .single .blog-post-content { padding-bottom: 20px; } .single .content-inner-center:last-child .blog-post-content { border-bottom: 1px solid #e6e6e6; margin-bottom: 100px;} .single .blog-post-content h2, .single .blog-post-content h2 span { font-size: 48px; line-height: 54px; font-family: 'Titillium Web', arial; color: #878686; } .single .blog-post-content h3, .single .blog-post-content h3 span { font-size: 20px; line-height: 24px; font-family: 'Titillium Web', arial; color: #00ffe0; } .single .blog-post-content { color:#999; } .single .blog-post-content ul li { list-style-type: square; color: #212121; } .single .blog-post-content ol li { color: #212121; } .single .blog-post-content ol li span, .single .blog-post-content ul li span { list-style-type: square; color: #999; font-size: 18px; } .blog-post-content ul, .blog-post-content ol { list-style-position: outside; margin-left: 20px;} .single-post #content-wrapper section.pages { background-color: #11bfb7; padding-top: 40px; } #content-wrapper #folio-navigation, .single-post #section-title { padding-bottom: 0; margin-bottom: 20px !important; border-bottom: none; /*text-align: left;*/ } #content-wrapper.portfolio-project #folio-navigation { text-align: center; } .single-post #section-title h1 { font-size: 60px; line-height: 64px; text-transform: none; } .single-post .blog-post-meta { color: #999999; font-size: 15px; line-height: 19px; margin-bottom: 35px; display: inline-block; padding-top: 20px; position: relative; } .single-post .blog-post-meta:before { width: 50px; height: 1px; position: absolute; background-color: #00ffe0; content: ''; bottom: 100%; } .single-post .blog-post-meta span { font-family: 'Titillium Web', Arial; } .single-post .blog-post-meta a { color: #999; } /*Pages*/ .pages ul li { list-style-type: square; color: #212121; } .pages ol li { color: #212121; } .pages ol li span, .pages ul li span { list-style-type: square; color: #999; font-size: 16px; } /*Sticky post*/ article.blog-post.sticky{padding-bottom: 0;border-bottom: none;} .sticky .blog-post-content{background-color: #11bfb7;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0) inset;padding:25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .sticky .blog-post-content .blog-post-featured-media,.sticky .blog-post-content .blog-post-featured-media .thumb{width:555px;} .sticky .blog-post-content .blog-post-featured-media .video,.sticky .blog-post-content .blog-post-featured-media .flexslider{height: 309px;} /*Comments*/ section#comments{margin-bottom:0; overflow:hidden; } section#comments h2#comments-title, section#comments h3#reply-title{font-size:35px;line-height:30px; margin-bottom:50px;color:#000;} section#comments h3#reply-title small {font-size:11px; text-transform: none;} section#comments ol.comment-list{float:left; list-style:none; margin:0; width:100%;} /*Comment styling*/ section#comments ol.comment-list li.comment .commentary{padding-left:100px;} section#comments ol.comment-list li.depth-1>div{width: 100%;} section#comments ol.comment-list li.depth-1>div,ol.comment-list li ul.children li{background: #fff;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0) inset;padding:20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border:none !important;} section#comments ol.comment-list li.comment .commentary .comment-author{font:20px/20px 'Source Sans Pro', Arial, sans-serif; font-weight:bold;margin-bottom:2px; color:#999; text-transform: uppercase;} section#comments ol.comment-list li.comment .commentary .comment-author span{font-family: 'Source Sans Pro', Arial, sans-serif; font-weight:normal;} section#comments ol.comment-list li.comment .commentary .comment-meta{width:100%; float:left; color:#999;margin-bottom:20px; font-size:11px;} section#comments ol.comment-list li.comment .commentary .comment-meta a{color:#666;font-weight:normal; } section#comments ol.comment-list li.comment .commentary .comment-meta a:hover{text-decoration:underline;} section#comments ol.comment-list li.comment .commentary p{/*margin-bottom:0;*/} section#comments ol.comment-list li.comment .comment-avatar{position:relative;width:60px;height:60px;position:relative;overflow:hidden;border:3px solid #222;} section#comments ol.comment-list li.comment .comment-avatar, section#comments ol.comment-list li.comment .comment-avatar img{float:left;overflow:hidden;} section#comments ol.comment-list li.comment .comment-avatar img{max-width:100%;margin: 0 auto;-ms-interpolation-mode: bicubic;vertical-align: baseline;} /*Margins-padding-borders*/ section#comments ol.comment-list li.comment {float:left; width: 100%;border-bottom:1px solid #e2e2e2;padding-bottom:30px;margin-bottom:30px;} section#comments ol.comment-list li.comment:last-child{padding-bottom:30px;margin-bottom:50px;} section#comments ol.comment-list li.pingback {float:left; width: 100%;border-bottom:1px solid #e2e2e2;padding-bottom:30px;margin-bottom:30px;} section#comments ol.comment-list li.pingback:last-child{padding-bottom:30px;margin-bottom:50px;} section#comments ol.comment-list li ul.children li{width:100%; position: relative;} section#comments ol.comment-list li ul.children li:after {position:absolute;content:'';top:0px; left:-25px; width: 0px; height: 0px; border-top:0; border-right:25px solid #fff;border-bottom:15px solid transparent; border-left:0;border-style: inset;} section#comments ol.comment-list li ul.children{max-width:100%;float: left; margin:15px 0 0 100px;list-style:none;} section#comments ol.comment-list li ul.children li{margin-bottom:15px;} section#comments ol.comment-list li ul.children li:last-child{margin:0;border-bottom: 0;} /*Comment form*/ section#comments #respond { float: left; width: 100%; } #commentform{overflow: hidden; } #commentform ul { list-style: none; } #commentform ul, #commentform ul li { margin-bottom: 0; } #commentform .form-submit #submit {float: left;height:40px;line-height:40px;font:12px Arial, Helvetica, sans-serif;font-weight: normal;color: #fff !important;background: #e70000;text-decoration: none;text-transform: uppercase;padding: 0px 15px;border: 0;cursor: pointer;outline: 0;margin: 0;-webkit-appearance: none;border-bottom: 0 !important;border-radius: 0px;text-shadow: none;box-shadow: 0 -3px 0 rgba(0, 0, 0, 0) inset;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} #commentform .form-submit #submit:hover {box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;filter: alpha(opacity=70);opacity: 0.7;} /*Blog pagination*/ #content-inner-blog-grid .pagination{padding-top: 50px;border-top: 1px solid #e6e6e6; } .pagination{font-family: 'Titillium Web', "Source Sans Pro", sans-serif; font-size: 16px; letter-spacing: 1px; text-transform: none; margin-top: 50px;} .blog .pagination { display: block; width:96%; padding: 0 2%; clear: both; float: left; } .pagination .nav-previous{float:left;} .pagination .nav-next{float:right;} .pagination a { width:140px; height:30px;line-height:30px;display:block; border-radius:0px;padding:0; border-bottom:2px solid #e6e6e6; color:#777; transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} .pagination a:hover{color:#777;border-color: #777;} /*Blog page links*/ .wp-link-pages{font-family: "Source Sans Pro", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;line-height:20px;color: #00ffe0;} .wp-link-pages a{width:20px;height:20px;display:inline-block;text-align:center;border-radius:0px;border:1px solid #e6e6e6;color:#777; font-size: 10px;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} .wp-link-pages a:hover{color:#777;border-color: #777;} /*Sidebar*/ aside.sidebar{width:220px; float:left; overflow: hidden;} /*Widgets: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/ aside.sidebar ul{float:left;width:100%;list-style:none; margin:0;padding:0;} aside.sidebar ul li{width:100%;float:left;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e6e6e6;} aside.sidebar ul li:last-child{margin:0px;padding:0px;border:none !important;} aside.sidebar ul li h4.widget-title{font-size:15px; line-height:15px; text-transform: uppercase;color:#999;margin-bottom:20px;} aside.sidebar ul li h4.widget-title span {font-weight: bold;} aside.sidebar ul li h4.widget-title,aside.sidebar ul li h4.widget-title span {color: #999;} aside.sidebar ul li ul {list-style:none;} aside.sidebar ul li ul li{margin-bottom:5px; padding:0; border:none !important;} aside.sidebar ul li ul li:last-child{margin:0 !important;} aside.sidebar ul li ul li a{color:#333;text-decoration:none;width:100%;} aside.sidebar ul li ul li a:hover{color:#e70000;text-decoration:underline;} aside.sidebar ul li ul li p.date{color:#999; font-size:11px;text-transform:uppercase;} aside.sidebar img{max-width: 100%; height: auto;} aside.sidebar select{max-width: 100%;} /*Widget:text*/ .widget_text p:last-child{margin-bottom:0px;} /*Widget: social*/ .widget_text ul.socialSmall {float:none; list-style:none;margin:0; overflow:hidden;display:table;} .widget_text ul.socialSmall li{display:inline;width:auto;} .widget_text ul.socialSmall li a{width:32px;height:32px;margin-right:5px;} .widget_text ul.socialSmall li:last-child a{margin-right: 0px;} /*Widget: recent posts*/ aside.sidebar ul li.widget_recent_entries ul li{margin-bottom: 10px;} aside.sidebar ul li.widget_recent_entries ul li a{font-weight: bold;line-height: 15px;} aside.sidebar ul li.widget_recent_entries ul li span{display:block;font-size:11px;line-height: 15px; font-style: italic;} /*Widget: rss*/ aside.sidebar ul li.widget_rss ul li{margin-bottom: 15px;} .widget_rss .rsswidget {font-size: 14px;} .widget_rss .rss-date{display: block;margin-bottom: 5px;font-style: italic;} /*Widget:search*/ .widget_search #searchform input#s {width:100%;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;background-color:#11bfb7;color:#999;border:1px solid #e6e6e6; color:#999; font: 13px/18px Arial, Helvetica, sans-serif;} .widget_search #searchform input#s:hover{background-color:#11bfb7;color:#999;border:1px solid #e6e6e6;} .widget_search #searchform input#s:focus{background-color:#11bfb7;color:#999;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);} #searchsubmit{margin-bottom: 0px;} /*Widget:tag cloud*/ .widget_tag_cloud a{display: block; float: left;font-size: 12px !important; line-height:12px;margin:0 8px 8px 0;padding: 6px;} .widget_tag_cloud a{background:#f6f6f6; color:#999;} .widget_tag_cloud a:hover{background:#000; color:#fff;} /*Widget:calendar*/ .widget_calendar {float: left;width: 100%;} #wp-calendar{border-spacing: 3px; margin-bottom: 0px;} .widget_calendar #wp-calendar {width: 100%;} .widget_calendar #wp-calendar caption { text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 15px; font-weight: bold;} .widget_calendar #wp-calendar thead { font-size: 10px; } .widget_calendar #wp-calendar thead th { padding-bottom: 10px; } .widget_calendar #wp-calendar tbody { color: #999; } .widget_calendar #wp-calendar tbody td { background: #f6f6f6; text-align: center;line-height: 30px;} .widget_calendar #wp-calendar tbody td:hover { background: #000; color: #fff; } .widget_calendar #wp-calendar tbody .pad { background: none; } .widget_calendar #wp-calendar tbody td.pad:hover{background:none;} .widget_calendar #wp-calendar tfoot #next { font-size: 10px; text-align: right;padding-top: 10px; } .widget_calendar #wp-calendar tfoot #prev { font-size: 10px; padding-top: 10px; } .widget_calendar #wp-calendar a{text-decoration:none; line-height: 30px; display: block;} .widget_calendar #wp-calendar tfoot #next a{float:right;} .widget_calendar #wp-calendar tfoot #prev a{float:left;} .widget_calendar #wp-calendar tfoot #next a,.widget_calendar #wp-calendar tfoot #prev a{font-family: "Source Sans Pro", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;height:20px;line-height:20px;display:block;text-align:center;text-transform:uppercase;border-radius:0px;padding:0 9px;border:1px solid #e6e6e6;color:#777;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;} .widget_calendar #wp-calendar tfoot #next a:hover,.widget_calendar #wp-calendar tfoot #prev a:hover{color:#777;border-color:#777;} /*Widget: menu*/ .widget_nav_menu .menu li ul.sub-menu,.widget_pages ul li ul.children{ display: block !important; padding-left: 15px;box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 5px 0 0;} /*Contact ----------------------------*/ .contactForm { margin-bottom: 0; overflow: hidden; width: 600px; } .contact p{font:15px/18px Arial, Helvetica, sans-serif; text-align:center;} .loading-animation { float:left; width:24px; height:24px; background:url(../images/ui/ajax-loader-white.gif) no-repeat center center;} .udt_honey {display:none;} /*Form elements ----------------------------*/ .form p{margin-bottom:0;} .commentform{margin-bottom:50px;overflow:hidden;} .text-field{width:556px;height:45px;line-height:45px;padding:0 20px;margin-bottom:20px;} .text-field,textarea{background-color:#fff;color:#999; border:0px solid #ffffff; border-bottom:1px solid #353526; color:#999; font: 13px/18px Arial, Helvetica, sans-serif; box-shadow: none !important;} .text-field:hover,textarea:hover{background-color:#fff;color:#999; border-bottom:1px solid #D90000;} .text-field:focus,textarea:focus{background-color:#fff;color:#999; border-bottom:1px solid #D90000;} textarea {width:556px;height:200px;padding:20px;margin-bottom:20px; overflow:auto; resize:none;} /*.text-field,textarea{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}*/ #commentform .form-submit #submit, form .submitForm{margin-bottom:0; border-bottom: 2px solid #575748 !important; font-family: 'Titillium Web', sans-serif !important; font-size: 16px; color: #000 !important; width: 140px; padding: 0; text-transform: none; font-weight: bold; text-align: left; } #msg { float:left; min-height:24px; } #msg img { float:left; display:block; } .errorOutline {border-bottom:1px solid #D90000 !important;} .errorMsg {color:#D90000 !important;} /*---------------------------- iii.-- Footer -----------------------------*/ /*Wrappers ----------------------------*/ #footer-wrapper{clear:both; /*width: 100%;*/ margin-top:20px;} #footer-wrapper #footer-top { width: 100%; background-color: #fbfbfb; margin-bottom: 20px !important; } #footer-wrapper #footer-top #footer-top-inner-wrapper { max-width:1410px; padding:40px 0 0; margin: 0 auto; margin-bottom:10px; width: 100%; } #footer-wrapper #footer-top footer .row-footer-widget{margin-bottom:0 !important; width: 100%;} #footer-wrapper #footer-top footer .row-footer-widget img {margin:0 !important; padding: 0 !important;} #footer-wrapper #footer-bottom {max-width:1410px;margin:0 auto; border-top:none; display: block; padd} #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper{text-align:left; display:table; margin-bottom: 0px; color: #79796A; max-width: 1410px; width: 100%; border-top: 1px solid #ddd; padding-top: 40px; margin-top: 20px;} #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper .column_one_half { margin-bottom: 10px; } #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer{display:block; vertical-align:middle; width:100%; text-align:left; padding: 0;} #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer li { list-style: none; } #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer .copyright{ display:block; width:100%; height:10px; border-top: 1px solid #e6e6e6; clear: both; } #footer-wrapper #footer-bottom #footer-bottom-inner-wrapper footer .copyright h3 { color: #999; font-size: 11px; line-height: 15px; font-family: 'Titillium Web', Arial,sans-serif; margin-top:10px; } #footer-wrapper #footer-middle {max-width:1410px;margin:0 auto; border-top:none; display: none; } #footer-wrapper #footer-middle #footer-middle-inner-wrapper{text-align:left; max-width: 1410px; width: 100%; margin: 0 auto; color: #79796A; border-top: 1px solid #ddd; padding-top: 25px; margin-top: 45px;} #footer-wrapper #footer-middle #footer-middle-inner-wrapper footer{display:block; vertical-align:middle; width:100%; text-align:left; padding: 0;} #footer-wrapper #footer-top footer .row-footer-widget h4.widget-title{font-size:15px; line-height:15px; text-transform: uppercase;color:#999;margin-bottom:20px;} #footer-wrapper #footer-top footer .row-footer-widget h4.widget-title span {font-weight: bold;} #footer-wrapper #footer-top footer .row-footer-widget h4.widget-title, #footer-wrapper #footer-top footer .row-footer-widget h4.widget-title span{color:#999;} #footer-wrapper #footer-top footer .row-footer-widget p { margin-bottom: 10px; } #footer-wrapper #footer-middle .latest-posts-grid h2 { line-height: 20px; min-height: 40px; color: #999; } #footer-wrapper #footer-middle .latest-posts-grid .sub-section-title h2 { color: #212121; text-transform: uppercase; } #footer-wrapper #footer-middle .latest-posts-grid a:hover h2 { color: #00ffe0; } /*Widgets: widget_recent_entries,widget_archive,widget_categories,widget_meta,widget_pages*/ .footer-widget{width: 100%; margin: 0; list-style: none;} .footer-widget h3 { margin-bottom: 0px; line-height: 20px; font-size: 18px; font-family: 'Titillium Web', Arial,sans-serif; } #footer-wrapper #footer-top footer .row-footer-widget p:last-child{margin-bottom: 0;} .footer-widget li{margin: 0;} .footer-widget li ul {list-style:none;margin: 0;} .footer-widget li ul li{margin-bottom:5px; padding:0; border:none !important;margin-bottom:5px; padding:0; border:none;} .footer-widget li ul li:last-child{margin:0 !important;} .footer-widget a{color:#00ffe0;text-decoration:none; font-weight:normal; width:100%;} .footer-widget a:hover{color:#e70000;text-decoration:underline;} .footer-widget p.date{color:#999; font-size:11px;text-transform:uppercase;} /*footer menu*/ #footer-wrapper #footer-bottom .widget_nav_menu li { margin-bottom: 0; padding-bottom: } #footer-wrapper #footer-bottom a { font-size: 18px; color:#999; font-family: 'Titillium Web', Arial,sans-serif; line-height: 20px; } #footer-wrapper #footer-bottom a:hover { color: #00ffe0/*#00ffe0*/; text-decoration: none; } /*hover for footer*/ /*Back to top*/ #footer-wrapper #footer-bottom .back-to-top{width: 25px;height:25px; /*border:1px solid #ddd;*/border: none; border-radius:50%;display: inline-block;text-indent: -9999px; background:url(../images/ui/to-top2.png) center center no-repeat;margin-top: 20px;} #footer-wrapper #footer-bottom .menu li { float: left; display:block; width:auto; margin-right: 10px !important;} #footer-wrapper #footer-bottom .menu li:first-child { margin-right: 0;} /*---------------------------- iv.-- Media -----------------------------*/ img{max-width: 100%;height:auto;} .map img {max-width: none;} /*Images*/ .display-image{position:relative;float:left; margin-bottom:30px; overflow: hidden;} .display-image img{line-height:0; display:block;position:relative;z-index:0; display:block;} .display-image, .display-image a {color:#fff;border-color:#fff;} .linked-display-image { position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px; } section.banner .display-image { margin-bottom: 0; } /*Caption*/ .caption{width:60%;position:absolute;z-index: 4;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} /*Caption position:left*/ .caption.top-left{top:5px;left:50px;bottom:auto;right:auto; text-align:left; float:left;} .caption.bottom-left{bottom:50px;left:50px;right:auto;top:auto; text-align:left; float:left;} /*Caption position:right*/ .caption.top-right{top:50px;right:50px; left:auto;bottom:auto; text-align:right; float:right;} .caption.bottom-right{bottom:50px;right:50px; left:auto;top:auto; text-align:right; float:right;} /*Caption position:center*/ .centered-caption-wrapper{position:absolute;top:0;width:100%;height:100%;} .caption-table{display:table; width: 100%;height:100%; position: absolute;top:0;} .caption-table .caption-table-cell{display:table-cell;height: 100%;vertical-align:middle;} .caption-table .caption-table-cell.top-align{vertical-align: top;} .caption-table .caption-table-cell.bottom-align{vertical-align: bottom;} .caption.center,.caption.center-left,.caption.center-right,.caption.top-center,.caption.bottom-center{position: relative;} .caption.center,.caption.top-center,.caption.bottom-center{text-align: center;width: 100%;margin: auto;} .caption.center-left{left:50px;} .caption.center-right{right:50px; text-align: right; float: right;} .caption.top-center{margin: 50px auto 0 auto;} .caption.bottom-center{margin:0 auto 50px auto;} .caption .caption-table-cell .caption{text-align:center; margin: auto;} .caption p .submit:last-child{margin-bottom: 0;} /*Caption type: single border*/ /*.display-image .single-border{}*/ /*sizes & font*/ .display-image .single-border .size-1{font-size:100px;line-height:75px;} .display-image .single-border .size-2{font-size:80px;line-height:60px;} .display-image .single-border .size-3{font-size:60px;line-height:45px;} .display-image .single-border .size-4{font-size:50px;line-height:40px;} .display-image .single-border .size-5{font-size:40px;line-height:30px;} .display-image .single-border .size-6{font-size:30px;line-height:25px;} .display-image .single-border .variation{font-weight:normal;} .display-image .single-border p{font: 15px/20px Arial, Helvetica, sans-serif;} /*positioning*/ .display-image .single-border.top-left,.display-image .single-border.bottom-left,.display-image .single-border.center-left{border-left:10px solid;padding-left:20px;} .display-image .single-border.top-right,.display-image .single-border.bottom-right,.display-image .single-border.center-right{border-right:10px solid;padding-right:20px;} .display-image .single-border.center{border-top:10px solid;padding-top:20px;} /*Caption type: elegant*/ .display-image .elegant{font-family:Arial, Helvetica, sans-serif;line-height:16px;} /*sizes & font*/ .display-image .elegant .size-1{font-size:65px; line-height:49px;} .display-image .elegant .size-2{font-size:50px; line-height:38px;} .display-image .elegant .size-3{font-size:40px; line-height:30px;} .display-image .elegant .size-4{font-size:35px; line-height:28px;} .display-image .elegant .size-5{font-size:30px; line-height:22px;} .display-image .elegant .size-6{font-size:25px; line-height:20px;} .display-image .elegant .variation{font-weight:normal;} .display-image .elegant p{font: 15px/20px Arial, Helvetica, sans-serif;} /*Caption type: boxed background*/ .display-image .boxed{padding:20px; font-family:Arial, Helvetica, sans-serif;line-height:16px;} /*sizes & font*/ .display-image .boxed .size-1{font-size:28px; line-height:24px;} .display-image .boxed .size-2{font-size:25px; line-height:20px;} .display-image .boxed .size-3{font-size:22px; line-height:19px;} .display-image .boxed .size-4{font-size:19px; line-height:17px;} .display-image .boxed .size-5{font-size:16px; line-height:13px;} .display-image .boxed .size-6{font-size:13px; line-height:12px;} .display-image .boxed .variation{font-weight:normal;} .display-image .boxed p{font: 15px/20px Arial, Helvetica, sans-serif;} /*colors*/ .display-image .boxed{background:#000;background:rgba(0,0,0,0.8);color:#fff;} .display-image .boxed span{color:#fff;} /*Caption type: boxed background*/ .display-image .transparent {padding:0px; font-family:Arial, Helvetica, sans-serif;line-height:16px;} /*sizes & font*/ .display-image .transparent .size-1{font-size:28px; line-height:24px;} .display-image .transparent .size-2{font-size:25px; line-height:20px;} .display-image .transparent .size-3{font-size:22px; line-height:19px;} .display-image .transparent .size-4{font-size:19px; line-height:17px;} .display-image .transparent .size-5{font-size:16px; line-height:13px;} .display-image .transparent .size-6{font-size:13px; line-height:12px;} .display-image .transparent .variation{font-weight:normal;} .display-image .transparent p { font: 15px/20px Arial, Helvetica, sans-serif; color:#1F1E0B !important;} /*colors*/ .display-image .transparent { background:transparent; color:#1F1E0B !important;} .display-image .transparent h2 { color:#1F1E0B !important;} .display-image .transparent span {color:#1F1E0B !important;} .method section.transparent .display-image h2, .method section.transparent .display-image p { color:#E0DFD0 !important;} /*Caption type: striped */ /*.display-image .striped{}*/ /*sizes & font*/ .display-image .striped .size-1{font-size:100px;line-height:100px;} .display-image .striped .size-2{font-size:80px;line-height:80px;} .display-image .striped .size-3{font-size:60px;line-height:60px;} .display-image .striped .size-4{font-size:50px;line-height:50px;} .display-image .striped .size-5{font-size:40px;line-height:40px;} .display-image .striped .size-6{font-size:30px;line-height:30px;} .display-image .striped .size-1,.display-image .striped .size-2,.display-image .striped .size-3,.display-image .striped .size-4,.display-image .striped .size-5,.display-image .striped .size-6{width: auto; margin-bottom: 3px;padding: 12px 20px; font-family:inherit;display:inline-block;-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;} .display-image .striped .variation{font-weight:normal;} /*colors*/ .display-image .striped span{background:#000;background:rgb(0,0,0);color:#fff;} .display-image .striped a span{transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out;} .display-image .striped a:hover span{background: rgb(218,28,40); color:#fff;} /*positioning*/ .display-image .striped.top-left span,.display-image .striped.bottom-left span{float:left;} .display-image .striped.top-right span,.display-image .striped.bottom-right span{float:right;} /*Caption type: centered */ /*.display-image .impact{}*/ /*sizes & font*/ .display-image .impact { height: 100%; background-color: #1B1A20; } .display-image .impact .size-1{font-size:100px;line-height:82px;} .display-image .impact .size-2{font-size:80px;line-height:62px;} .display-image .impact .size-3{font-size:70px;line-height:52px;} .display-image .impact .size-4{font-size:60px;line-height:42px;} .display-image .impact .size-5{font-size:50px;line-height:32px;} .display-image .impact .size-6{font-size:40px;line-height:22px;} .display-image .impact .variation{font-weight:normal;} .display-image .impact h2{ font-weight:normal; color: #fff !important; padding-left: 55px} .display-image .impact .size-1,.display-image .impact .size-2,.display-image .impact .size-3,.display-image .impact .size-4,.display-image .impact .size-5,.display-image .impact .size-6{font-weight: bold;} .display-image .impact p{ font-size: 14px; line-height: 20px; font-family: Arial, "Source Sans Pro", sans-serif; padding-left: 55px; padding-right: 250px; } .display-image .impact.bottom-left { left: 0; bottom: 0; vertical-align: bottom;} .display-image .impact.bottom-left h2 { margin-top: 330px; } /*Caption Sizes*/ .display-image .size-1,.display-image .size-2,.display-image .size-3,.display-image .size-4,.display-image .size-5,.display-image .size-6{font-family: 'Source Sans Pro', sans-serif;font-weight: 200; text-align: inherit;width: 100%;display: inline-block;} .display-image .size-1{margin-bottom: 20px;} .display-image .size-2{margin-bottom: 18px;} .display-image .size-3{margin-bottom: 16px;} .display-image .size-4{margin-bottom: 14px;} .display-image .size-5{margin-bottom: 12px;} .display-image .size-6{margin-bottom: 10px;} .caption p{margin-bottom: 20px;} .caption > :last-child{margin-bottom: 0px !important;} .display-image .submit {float: none;} /*Thumbs - Epic Hover*/ .thumb{position:relative; overflow:hidden;line-height:0; margin-bottom: 30px;} .thumb a{float:left;display:inline-block;width:100%;height:100%; line-height:0; text-decoration: none;filter:inherit;} .thumb img, .thumb a img{width:inherit;display:block; position: relative;filter:inherit;} .thumb img.animationImage{display:none;position: absolute;top:0;left:0;} .thumb a .rollover-wrapper{width:100%;height:100%;background: #000;/*ie8 fallback*/ background: rgba(0,0,0,0.8);opacity:0;filter: alpha(opacity=0);position:absolute;top:0;z-index:1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .thumb a .thumb-rollover{width: 100%; height: 100%;display:table; position: absolute;} .thumb a .thumb-rollover .thumbInfo {display: table-cell; vertical-align: middle;width:100%;font: 15px 'Source Sans Pro', sans-serif; letter-spacing: 1px; text-align:center; font-weight: bold;} .thumb a .thumb-rollover .thumbInfo span span{display:block;font: 13px 'Times New Roman', sans-serif; text-align:center; font-weight: normal; font-style: italic;} .thumb a .thumb-rollover .thumbInfo img.graphic{position:relative; margin:auto; width: auto;} /*WordPress default gallery + epic hover*/ .gallery{margin-bottom: 30px !important; float: left;} .gallery br{display:none;} .gallery .gallery-item{width:100%;position:relative; overflow:hidden;margin-top: 0 !important; margin-bottom: 0;} .gallery-icon{width:100%;position:relative; overflow:hidden;} .gallery .gallery-icon img {display:block;width:100%;max-width: 100%;height: auto;border:none !important;} .gallery .gallery-icon img.animationImage{display:none;position: absolute;top:0;left:0;} .gallery-icon a{width:100%;height:100%;display:block;line-height:0; text-decoration: none;} .rollover-wrapper{width:100%;height:100%;background: #000;/*ie8 fallback*/ background: rgba(0,0,0,0.7);opacity:0;filter: alpha(opacity=0);position:absolute;top:0;z-index:650;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .gallery-icon .thumb-rollover{width: 100%; height: 100%;display:table; position: absolute;} .gallery-icon .thumb-rollover .thumbInfo{display: table-cell; vertical-align: middle;width:100%;font: 14px 'Source Sans Pro', sans-serif; font-weight:200; text-align:center;} .gallery-icon .thumb-rollover .thumbInfo img.graphic{width:auto;height:auto;max-width:50%;max-height:50%;position:relative; margin:auto;} .gallery-columns-2 .gallery-item{ width: 50% !important;} .gallery-columns-3 .gallery-item{ width: 33.333% !important;} .gallery-columns-4 .gallery-item{ width: 25% !important;} .gallery-columns-5 .gallery-item{ width: 20% !important;} .gallery-columns-6 .gallery-item{ width: 16.666% !important;} .gallery-columns-7 .gallery-item{ width: 14.285% !important;} .gallery-columns-8 .gallery-item{ width: 12.5% !important;} .gallery-columns-9 .gallery-item{ width: 11.111% !important;} .gallery .gallery-caption {width:100%; font-family: 'Source Sans Pro', sans-serif;color: #999;padding:3px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} /*Fancybox*/ .fancybox-html{display:none;} #fancybox-outer,#fancybox-content iframe {background: #fff;} #fancybox-content {border: 0px solid #000;} #fancybox-left{left:-40px;} #fancybox-right{right:-40px;} #fancybox-left,#fancybox-right{width:30px;opacity: 1;filter:alpha(opacity=100);} #fancybox-left-ico,#fancybox-right-ico,#fancybox-close{width:30px;height:30px;transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out;} #fancybox-left-ico {background: rgba(0,0,0,0.8) url(../images/fancybox/fancybox.png) -43px -27px no-repeat ;-webkit-border-radius:0;} #fancybox-right-ico {background: rgba(0,0,0,0.8) url(../images/fancybox/fancybox.png) -44px -67px no-repeat ;-webkit-border-radius:0;} #fancybox-left-ico:hover, #fancybox-right-ico:hover {background-color: #00ffe0} #fancybox-close {background: url(../images/fancybox/fancybox.png) -48px -1px;width:21px;height:21px;top:-25px;right:-25px;opacity: 1;filter:alpha(opacity=100);transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} #fancybox-close:hover{opacity: .5;filter:alpha(opacity=50);} .fancybox-title-over span{background: url(../images/fancybox/transparent-bkg.png) repeat;/*ie8 fallback*/ background:rgba(0,0,0,.8);padding: 15px;width:150px;display: block;left:30px;position:relative; overflow:hidden;} .fancybox-title-outside{padding: 0;margin-top: 15px;} /*Caption titles & text*/ #fancybox-title h1,#fancybox-title h2,#fancybox-title h3,#fancybox-title h4,#fancybox-title h5,#fancybox-title h6{margin-bottom:10px;} #fancybox-title .fancybox-num{margin-bottom:10px;} #fancybox-title p:last-child{margin-bottom: 0;} /*Epic slider - theme specific*/ .epic-slider .errorMsg{color: #EF644E !important;display: block;margin-top: 200px;text-align: center;} .single-udt_portfolio .epic-slider { margin-bottom: 12px; } /*Flex slider - theme specific*/ .flexslider{ border:none;-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 30px; overflow: hidden;} /*navigation */ .flex-direction-nav { height: 0; position: absolute; left: 20px; bottom: 20px;} .flex-direction-nav li{margin-bottom:0;} .flex-direction-nav li a {width: 30px; height: 30px; display: block; position: absolute; bottom:0; top:auto; cursor: pointer; text-indent: -999em; border-radius: 0px;} .flex-direction-nav li a:hover{background-color:#00ffe0} .flex-direction-nav li .prev{background: #000 url(../images/ui_flex/bg_direction_nav.png) center -5px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.7) url(../images/ui_flex/bg_direction_nav.png) center -5px no-repeat;} .flex-direction-nav li .next{background: #000 url(../images/ui_flex/bg_direction_nav.png) center -45px no-repeat;/*ie8 fallback*/ background:rgba(0,0,0,0.7) url(../images/ui_flex/bg_direction_nav.png) center -45px no-repeat;} .flex-direction-nav li .prev {left: 0;} .flex-direction-nav li .next {right: auto; left:31px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /*Control */ .flex-control-nav {width: 100%; position: absolute; bottom:auto; top:18px;text-align:right;right:20px;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li a{width:10px;height:10px;border-radius:50%;content: "";display: inline-block;overflow: hidden;text-align:left;text-indent: -9999px;background-color:#b2b2b2;/*fallback for iE8*/background:rgba(0,0,0,.3);border: 1px solid rgba(255, 255, 255, 0.3);} .flex-control-nav li a:hover{border: 1px solid rgba(0, 0, 0, 0.3);background:#fff;} .flex-control-nav li a.active{border: 1px solid #fff;background: #3B3B3B;} /*Caption*/ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;width:auto;padding:4px 10px; min-height: 22px; line-height: 22px; margin: 0; position: absolute; left: 20px; bottom: 51px; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 0 0 rgba(0,0,0,0); font-size: 14px; margin:0 !important;} .flex-caption a{color: #00ffe0;} /*Video*/ .video{margin-bottom: 30px; float: left;} .video video,.video iframe, .video object,.video embed,.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important;} .video.fullwidth{width:870px;height:488px;margin-bottom:30px;} .wp-video-shortcode {max-width: 100%;margin-bottom:30px;} /*WordPress native audio player*/ .wp-audio-shortcode{max-width: 100%;} .wp-audio-shortcode{float:left;margin-bottom: 30px;} .mejs-controls .mejs-time-rail .mejs-time-loaded{background-color: #e6e6e6 !important;} .mejs-controls .mejs-time-rail .mejs-time-current{background-color: #00ffe0 !important;} /*SoundCloud*/ .soundcloud-wrapper {height: 166px;margin-bottom: 30px;} /*Google Map ----------------------------*/ #map_canvas{margin-bottom:30px;} /*Dividers ----------------------------*/ .divider{border-top:1px solid #e6e6e6; margin:0 0 50px 0;} .divider40 { margin: 40px 0 0 0; padding-top: 0 !important;} /*Tables -----------------------------*/ table { margin-bottom:30px; border-spacing:10px; } th { font-weight:bold; } /*Definition lists -----------------------------*/ dl{margin-bottom: 30px;} dl dt {font-weight: bold;} dl dd { margin-left: 15px; } /*-------------------------------------------------------- 3. TYPOGRAPHY, LINKS & SELECTION --------------------------------------------------------*/ /*Title sizes,font & color Titillium Web*/ h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', Arial, sans-serif; letter-spacing: .1px; color:#222; text-transform: none; margin-top: 0; font-weight: 400;} h1 span,h2 span,h3 span,h4 span,h5 span,h6 span, #section-title span {display: block;} h1 strong { font-family: 'Montserrat', sans-serif, arial; font-size: 105px; line-height:80px; margin-bottom: 0px; color:#fff; } h1 strong em { font-family: 'Montserrat', sans-serif, arial; } h2 strong { font-family: 'Montserrat', sans-serif, arial; font-size: 40px; color:#fff; } h1 strong em { text-transform: none; font-size: 55px; line-height: 65px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,#section-title a { text-decoration:none; border-bottom:0 !important; margin-bottom: 0 !important;} h1{font-size:64px;line-height:60px;margin-bottom: 30px;/*font-weight: 200;*/ /*letter-spacing:0.35px;*/} h2{font-size:50px;line-height:40px;margin-bottom: 32px;} h3{font-size:40px;line-height:33px;margin-bottom: 26px;} h4{font-size:30px;line-height:24px;margin-bottom: 24px;} h5{font-size:25px;line-height:22px;margin-bottom: 22px;} h6{font-size:20px;line-height:18px;margin-bottom: 20px;} .page-template h2{font-size:45px;} .page-template h1, .page-template h3, .page-template h4, .page-template h5 /*background: url(../images/ui/title-mark.png) left top no-repeat transparent; padding-top: 15px;*/} h2.dark, h2.dark span { color: #313131; } h2.green, h1.green { color: #00ffe0 !important; } h1.grey { color: #999 !important; } h1.special { font-size: 62px; line-height: 70px; font-family: 'Titillium Web',sans-serif, arial !important; } h1.special strong { font-family: 'Titillium Web',sans-serif, arial !important; font-size: 47px; } .pages h2.seo, .pages h2.seo a { color:#fff; margin:0 0 15px 0; font-size: 14px; line-height: 20px; letter-spacing:1.10px; font-family: 'Titillium Web',sans-serif, arial !important; } .pages h2.seo strong { font-family: 'Titillium Web',sans-serif; font-size: 14px; color:#fff;} .pages h1 { letter-spacing: 1px; } .pages h3, .pages h3 span { font-family: 'Titillium Web',sans-serif, Arial; color: #444444; font-style: normal;} .pages h4, .pages h4 span { font-family: 'Titillium Web',sans-serif, Arial; color: #999; } /*Links*/ a{color:#00ffe0;text-decoration:none;} a:hover{color:#00ffe0;} a:link{color:#00ffe0;} /*Text*/ p { margin:0 0 15px 0; color: #999999; font-size: 14px; line-height: 24px; font-weight:400; } .pages p:last-child{margin-bottom: 0;} p strong { font-family: 'Titillium Web', sans-serif; font-size: 16.25px; font-weight:900;} /*Lighbox title sizes,font & colors*/ #fancybox-title{font-size:11px; line-height: 12px;color: #999;} #fancybox-title h1,#fancybox-title h2,#fancybox-title h3,#fancybox-title h4,#fancybox-title h5,#fancybox-title h6{font-family: 'Source Sans Pro', Arial, sans-serif;} .fancybox-title-over span h1,.fancybox-title-over span h2,.fancybox-title-over span h3,.fancybox-title-over span h4,.fancybox-title-over span h5,.fancybox-title-over span h6{color:#fff;} .fancybox-title-outside h1,.fancybox-title-outside h2,.fancybox-title-outside h3,.fancybox-title-outside h4,.fancybox-title-outside h5,.fancybox-title-outside h6{color:#777;} #fancybox-title h1{font-size:18px;line-height:18px;} #fancybox-title h2{font-size:16px;line-height:16px;} #fancybox-title h3{font-size:14px;line-height:14px;} #fancybox-title h4{font-size:12px;line-height:12px;} #fancybox-title h5{font-size:11px;line-height:11px;} #fancybox-title h6{font-size:10px;line-height:10px;} ul.line { display: block; margin: 0; padding: 0;} ul.line li { display: block; background: url(../images/ui/li-mark.png) left 5px no-repeat transparent; padding-left: 20px; margin-bottom: 10px;} /*-------------------------------------------------------- 4. MISC --------------------------------------------------------*/ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;} .clear{clear:both;} .left{float:left !important;} .right{float:right !important;} .last{margin:0 0 50px 0;} /*Message box*/ .message_box{padding:15px;margin-bottom:50px;background:#f6f6f6;border:1px solid #ddd; color:#999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .message_box:hover{background:#f9f9f9;border:1px solid #ddd;color:#888;} pre {white-space: pre-wrap;/* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap;/* Opera 4-6 */white-space: -o-pre-wrap;/* Opera 7 */ word-wrap: break-word;/* Internet Explorer 5.5+ */ } /*Highlight selection*/ ::selection {background: #222;color:#fff;} ::-moz-selection {background: #222;color:#fff;} ::-webkit-selection {background: #222;color:#fff;} /*blockquote.default { color: #111 !important; font-size: 14px !important; border: none; background: url(../images/ui_shortcodes/quotations/quotation-default-mmb.png) left top no-repeat transparent;}*/ blockquote.default { border-left: 8px solid #f44b4b; background: none; padding: 2px 0 2px 35px; } blockquote p { font-size: 16px; } section.banner { margin-top: 20px; } section.banner_text.arch-red { background-color: #11bfb7; /*********HEADER FOR OTHER PAGES*/ margin-top: 0; margin-bottom: 50px; padding-top: 40px } section.banner_text.arch-red.contact-style .column_one_third { margin-bottom: 0; } section.banner_text.arch-red.contact-style .column_one_third p { margin-bottom: 5px; font-size:14px!important; color: #fff !important; } section.banner_text.arch-red.contact-style .column_one_third h3, section.banner_text.arch-red.contact-style .column_one_third a { margin-bottom: 5px; font-size:18px!important; font-weight:600; line-height: 15px !important; color: #041830 !important; } section.banner_text.arch-lg { background-color: #banner_text margin-top: 0; margin-bottom: 30px; } section.banner_text.arch-red h1, section.banner_text.arch-red h2, section.banner_text.arch-red h3, section.banner_text.arch-red h4, section.banner_text.arch-red p, section.banner_text.arch-red a { color: #fff !important; text-align: left; } section.banner_text.arch-red h4 { font-size: 35px !important; line-height: 43px !important; font-family: 'Montserrat', sans-serif; } section.banner_text.arch-red a:hover { color: #00ffe0; } #content-wrapper section.banner_text.center_title section.pages { max-width: 1000px; padding-bottom: 80px; } .vid-box { width:100%; display: block; } .vid-box div.vid-wrapper { padding: 50px 25%; width:50%; display: inline-block; } .vid-box div.vid-wrapper .video { margin: 0; } /*vid-box div.vid-wrapper .video .iframe { width: 70%; }*/ .center-block { display: block; margin: 0 auto; width: 33%; } .teambox-wrapper .meta-data h2 { font-size: 36px; line-height: 40px; } .teambox-wrapper .meta-data h4 { text-transform: uppercase; } /* service link */ #content-wrapper.service > section.pages { max-width: 970px; } #content-wrapper.service > section.pages hr { border: 0; height: 1px; background: #c4c4c4; margin-bottom: 60px; } .service-wrapper { max-width: 100%; width: 31.21%; float: none; text-align: center; display: inline-block; margin: 0 1.42% 70px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; } .service-wrapper a { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; display: block; } .service-wrapper a:hover { opacity: 0.8; } .service-wrapper:first-child { margin-left: 0; } .service-wrapper:nth-child(3n) { margin-right: 0; } .service-wrapper h2 { font-size: 55px; margin-bottom: 35px; } .service-wrapper h4 { font-size: 16px; line-height: 18px; color: #999; font-family: "Titillium Web", sans-serif, Arial; margin-bottom: 35px; text-transform: uppercase; } /*-------------------------------------------------------- 5. REQUIRED --------------------------------------------------------*/ .sticky{} .gallery-caption{} .bypostauthor{} .alignright{float:right; margin:0 0 30px 30px; } .alignleft{float:left; margin:0 30px 30px 0;} .aligncenter{display:block; margin: auto;} .alignnone {margin:0 0 30px;} .wp-caption{max-width:100%;margin-bottom: 30px;} .wp-caption-text{/*font-family: 'Source Sans Pro', sans-serif;*/ color: #999; padding:3px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .hide { display: none !important; } .element { margin: 0px; overflow: hidden; padding: 0 6px 12px 6px !important; position: relative; height: auto; float: left; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; } .element a { display: block; margin: 0; padding: 0; width: 100%; float: left; height: 663px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} /*.element a:hover .caption { display: block; }*/ .element img { height:100%; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .element .caption { position: absolute; top:0; left: 0; width: 100%; height:100%; background: rgba(51, 51, 51, 0.7); display: none; z-index: 99; filter: alpha(opacity=70); } .element .caption > div { display: table; width:100%; height: 100%; vertical-align: middle; } .element .caption > div > div { display: table-cell; vertical-align: middle; } .element .caption span { font-family: Arial, arial; color: #fff; font-size: 14px; line-height: 20px; display: block; padding: 0 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px;} .element .caption.top-left { left: 0px; top: 0px; } .element .caption.bottom-left { left: 0px; bottom: 0px; } .element .caption.bottom-right { right: 0px; bottom: 0px; } .element .caption.top-right { right: 0px; top: 0px; } #grid .one-row { width: 25% !important; display: block; } #grid .two-rows { width: 50% !important; display: block;} #grid .three-rows { width: 75% !important; display: block;} #grid .four-rows { width: 100% !important; display: block;} #grid .full-row { width: 100% !important; height:auto; display: block; padding: 0 6px 12px 6px !important;} #grid .full-row .thumb { width: 100%; height: 664px; margin: 0;} #grid .half-row { width: 50% !important; display: block;} #grid .half-row .thumb { height: 664px; width: 100% } #grid .hhalf-row { width: 50% !important; display: block;} #grid .hhalf-row .thumb { height: 326px; width: 100%; } #grid .rhalf-row { width: 50% !important; display: block; float: right; } #grid .rhalf-row .thumb { height: 664px; width: 100%; } /*#grid .full-row .caption span, #grid .rhalf-row .caption span, #grid .half-row .caption span { margin-top: 312px; } #grid .hhalf-row .caption span { margin-top: 153px; }*/ #grid .element { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } /* ---- isotope ---- */ .isotope { border: 1px solid #333; } /* clear fix */ .isotope:after { content: ''; display: block; clear: both; } .gapless img { margin: 0 !important; display: block; /*width: 100%; /* e added height: 100%; /* e added */ } .gapless p { margin-bottom: 0 !important; } .gapless .banner_full p img, .gapless .banner_full p { margin: 0 !important; padding:0; } .gapless .column_one_half { width: 49.75%; margin-bottom:0; margin-right: 0.5%; } .gapless .column_one_half.last { margin-right: 0; } /* Media sizes fixes */ /* e added----------------------*/ .thumb img, .thumb a img { width: inherit; display: block; position: relative; filter: inherit; } a img { border: none; } img { max-width: 100%; height: inherit; } .thumb a { float: left; display: inline-block; width: 100%; height: inherit; line-height: 0; text-decoration: none; filter: inherit; } @media screen and (max-width: 599px) .home .portfolio-full-width-grid #grid .thumb.primary { width: 100% !important; margin: 0 0 12px 0; } @media screen and (max-width: 599px) .blog article.blog-post, .home section.masonry-grid .grid .thumb, .home .portfolio-full-width-grid #grid .thumb { width: 100% !important; margin: 0 0 12px 0; } @media only screen and (max-width: 768pc) .portfolio-full-width-grid #grid .thumb.primary { height: inherit; } @media only screen and (max-width: 479px) .thumb { max-width: 100% !important; height: inherit; } @media only screen and (max-width: 479px) .caption, .centered-caption-wrapper, .caption-table { position: relative; overflow: hidden; height: inherit; } .caption { width: 60%; position: absolute; z-index: 4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* e added----------------------*/ /*Project more content ----------------------------*/ #section-teaser .excerpt-content { display: block; margin-bottom: 15px; } #section-teaser .main-content { display: none; } #section-teaser a { cursor: pointer; text-decoration: none; } #section-teaser { margin-top: 52px; } /*newsletter*/ #mc_embed_signup p { margin-bottom: 2px; } #mc_embed_signup .mc-field-group .email { font-family: 'Titillium Web', Arial,sans-serif; font-size: 18px; line-height: 24px; color: #999; border: none; background: transparent; border-bottom: 1px solid #919191; width: 200px; } #mc_embed_signup .mc-field-group .email:-moz-placeholder{color:#999} #mc_embed_signup .mc-field-group .email:-ms-input-placeholder{color:#999} #mc_embed_signup .mc-field-group .button { background: transparent; font-family: 'Titillium Web', Arial,sans-serif; font-size: 16px; line-height: 20px; color: #00ffe0; padding:3px 0; border: none; border-bottom: 1px solid #00ffe0; cursor: pointer; } /*#mc_embed_signup .mc-field-group .*/ .section-blog { /*background-color: #f44b4b;*/ background-color: #11bfb7; float: left; width: 100%; padding: 0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 864px; } .section-blog .blog-wrapper { max-width: 1422px; width: 100%; margin: 0 auto; } .section-blog .section-title { width: 100%; padding-top: 45px; } .section-blog .section-title h1 { color: #000; } .section-blog .section-title a:hover h1 { color: #FF9C9C; } .section-blog .grid .thumb { position: relative; } .section-blog .grid a { width: 100%; height: 100%; top:0; left: 0; position: absolute; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(73%, rgba(0,0,0,0)), color-stop(74%, rgba(1,1,1,0)), color-stop(100%, rgba(31,31,31,0.68))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 73%, rgba(1,1,1,0) 74%, rgba(31,31,31,0.68) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f1f1f', GradientType=0 ); } section#blog-home { margin-bottom: 80px;} section#blog-home .grid .thumb a .caption { position: absolute; bottom:0; left: 0; width: 100%; height: auto; display: block; background: none; text-align: left; top: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5.73% 10px; } section#blog-home .grid a .caption h1 { line-height: 28px; color: #fff; margin-bottom: 20px !important; font-weight: normal; font-style: normal; font-size: 26px; font-family: 'Titillium Web', sans-serif, georgia, arial; } section#blog-home .grid a:hover .caption h1 { color: #ddd; } section#blog-home .grid a .caption .readmore { font-size: 18px; line-height: 18px; padding: 20px 0; color: #fff; position: relative; } section#blog-home .grid a .caption .readmore:before { background: #00ffe0; content: ''; position: absolute; bottom: 100%; width: 50px; height: 2px; } /* single post */ #content-wrapper #blog-top { display: block; position: relative; } .social-blog { position: absolute; left: -270px; bottom: -200px; width: 200px; height: 200px; text-align: right; padding: 0 40px; } .social-blog h3 { font-size: 16px; line-height: 30px; color: #444; margin-bottom: 5px; } .social-blog a { background-image: none !important; font-size: 15px; line-height: 20px; color: #818181; padding: 0; width: 100%; display: block; margin-bottom: 5px; } .social-blog a:hover { color: #00ffe0; } .social-blog a.at300b .at4-icon, .social-blog a.at300m .at4-icon { display: none; }