/* Theme Name: Optimizer-child Description:The Optimizer, an easy to customize multi-purpose theme with lots of powerful features. This theme lets you customize each element Live without you having to touch any code. The theme comes with 2 site layout: Full width & boxed, Beautiful image slider, easy Logo upload, 600+ Fonts, powerful theme options, Custom CSS Field & lots of Color options. The optimizer is 100% responsive built with HTML5 & CSS3, it's SEO friendly, mobile optimized & retina ready. Its translation ready, ready for WooCommerce, bbPress, Mailchimp, Contact Form 7. The theme is rigorously tested and optimized for speed and faster page load time and has secure and clean code. It's perfect for any types of website - Landing Pages, small business, portfolio, photography, corporate, personal & eCommerce websites. Version: 0.4.0 Theme URI: http://optimizerwp.com/ Author: Towfiq I. License: GNU General Public License, v2 (or newer) License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: optimizer Tags: black, blue, gray, white, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, theme-options, right-sidebar, full-width-template, one-column, three-columns, flexible-header, rtl-language-support, sticky-post, threaded-discomments, translation-ready Template: optimizer */ * { margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%;*/ vertical-align: baseline; background: transparent; } html, body { height: 100%; width: 100%; overflow:initial; } sup { font-size: 10px; vertical-align: super; } li { margin-left: 20px; } input, textarea { background:white; } .single .post_foot { display: none !important; } #ast_nextprev, .single_metainfo { display:none !important; } @font-face { font-family: 'BOD_B'; src: url('fonts/BOD_B.eot?#iefix') format('embedded-opentype'), url('fonts/BOD_B.woff') format('woff'), url('fonts/BOD_B.ttf') format('truetype'), url('fonts/BOD_B.svg#BOD_B') format('svg'); font-weight: normal; font-style: normal; } p { clear: both; line-height: 1.3; } a{ text-decoration:none; } body{ background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; color:black; opacity:1;} h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; } .center{ width:100%; margin:0 auto;} img{max-width:100%} select, .wpcf7-date { color: white; background: black; height: 30px; border: 0; text-decoration: none; margin-bottom: 10px; margin-right: 20px; } .thn_post_wrap table tr:nth-child(odd), .org_comment table tr:nth-child(odd) { background: rgba(0, 0, 0, 0.1); border: none!important; } .thn_post_wrap table tr:nth-child(even), .org_comment table tr:nth-child(even) { background: rgba(0, 0, 0, 0.2); border: none!important; } .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255,255,255,0.8); padding: 15px; padding-left: 35px; /* padding: 10px; */ line-height: 1.3; display: block; } .sidr-class-menu_arrow { padding: 25px !important; text-decoration: none !important; color: #fff !important; font-size: 0.9em !important; display: inline !important; } .mfp-title { display:none; } /*Full width pages*/ body .no_sidebar{ width:100%;} .agree_download { display: none; padding: 20px 0; } textarea:focus, input:focus{ outline: none; } /* remember to define focus styles! */ :focus { outline: 0; } .thn_post_wrap table, .org_comment table { border-collapse: collapse; width: 100%; table-layout: fixed; } #onlineform table { display:block!important; } .thn_post_wrap table td, .org_comment table td { padding: 10px; vertical-align: -webkit-baseline-middle; color: black !important; width: auto; word-wrap: break-word; } /*DIVIDERS*/ .optimizer_divider { width: 128px; height: 30px;margin: 0 auto; margin-top:30px;} .optimizer_divider .div_left { width: 45px;height: 1px;background: black; float: left;} .optimizer_divider .div_right { width: 45px; float: left; height: 1px; background: black;} .optimizer_divider .div_middle { float: left; margin: 10px; margin-top: -10px;line-height: 18px;} .optimizer_divider .div_middle .fa-heart{font-size: 14px;} .optimizer_divider .div_middle .fa-bolt{font-size: 18px;} .optimizer_divider .div_middle .fa-stop{font-size: 14px;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);position: relative;} .optimizer_divider .div_middle i.fa-minus {width: 6px;position: relative;transform: rotate(117deg); -webkit-transform: rotate(117deg); -moz-transform: rotate(117deg);} .optimizer_divider.title_underline .div_left { display: none;} .optimizer_divider.title_underline .div_right { width: 45px; height: 3px; margin: 0 auto; float: none;display: block;} .optimizer_divider.title_underline { margin-top: 20px;} .hide-this {display:none !important;} /*HEADER*/ .header{width:100%; float:left; position:relative !important;} .header .center{ } .header{-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} /*LOGO*/ .logo{ float:left;max-width:100%; margin-left:10px; } .logo h1, .logo h2{ float:left; font-size:36px; margin:12px 0; margin-bottom:0;} .logo h1 a, .logo h2 a{ font-weight:bold;} .logo img{ border:none; margin:10px 0;max-width:100%; height:auto;} /*LOGO Alignment*/ .logo_right .logo { float: right;} .logo_right #topmenu { float: left;} .logo_center .logo { float: left; width:100%; text-align:center;} .logo_center #topmenu { float: left; width:100%; text-align:center;} .logo_center .logo h1, .logo_center .logo h2{ float:none;} .logo_center #topmenu ul.menu>li{ padding:10px;} /*DESCRIPTION*/ span.desc{ display:block; clear:both; font-size:14px; font-size:11px;opacity: 0.6; padding-bottom:10px;} /*Mobile Menu*/ .head_inner{position: relative;width: 100%;float: left;} #simple-menu{display: block;float: right;margin-top: 1.5%;color: #0d4fa0 !important;font-size: 36px; position: absolute;right: 20px; top:15px;} #simple-menu{ display:none;} .pad_menutitle{padding: 5%;width: 90%;} .pad_menutitle span{display: inline-block;float: right; cursor:pointer;} /*Hide the mobile menu on desktop*/ #sidr-main{ display:none;} .hide-this { display:none !important; } #topmenu{text-align: right; margin-top:5px; display:block; vertical-align: middle;font-size: 0;} #topmenu.has_bookmark .menu { display: inline-block;} .has_trans_header.home #topmenu{vertical-align: initial;float: right;} #topmenu ul{ margin:0; padding:0;} #topmenu ul li{ list-style-type:none; display:inline-block;position: relative; margin:0; padding:0;} #topmenu ul li a{display: block;padding: 20px; background:rgba(0,0,0,0); font-weight:bold;} #topmenu .menu_hover > a{padding-bottom:12px;} #topmenu ul li.current-menu-item a:hover, #topmenu .menu_hover.current-menu-item:hover > a {border: none;} #topmenu ul li a, #topmenu ul li ul li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu ul li ul{ display:none; position: absolute;width: 200px;z-index: 9999999;margin-left:-50px;} #topmenu ul li ul:not(.mega-sub-menu) {background:rgba(0, 0, 0, 0.5)!important;} #topmenu ul li ul { -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s;animation-duration: 0.2s;} #topmenu .menushow{ display:block;} #topmenu ul li ul li{ margin:0; padding:0; width:100%; display:block; text-align:center;} #topmenu ul li ul li a{ padding:12px 10%; width:80%; margin:0px; display:block; color:#fff;font-weight:normal;} #topmenu ul li ul li ul{right: 100%; margin-top:-40px; float:none; margin-left:0px;} #topmenu ul li span{ font-size:12px; opacity:0.5; padding-left:5px;} #topmenu ul li ul li span{ display:none;} #topmenu .zn_parent_menu:hover a{border:none!important;} .has_trans_header.home #topmenu{ background-color:transparent!important;} /*Menu Description*/ span.menu_desc {display: block;padding-top: 5px;} /*Max mega menu Support*/ .mega-menu-item span.menu_arrow {display: none;} #topmenu ul li.mega-menu-item ul li ul {background-color: transparent!important;} #topmenu ul.menu>li:after, #frontsidebar .widget_nav_menu ul.menu>li:after {content: "";display: block;height: 2px;background-color: transparent;width: 0;margin: 0 auto;margin-top: -5px;-webkit-transition: all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu ul.menu>li:hover:after, #frontsidebar .widget_nav_menu ul.menu>li:hover:after{width: calc(100% - 40px);margin-top: 0;} /*Mid Logo*/ .logo_middle{ opacity:0;} .logo_middle .logo{ display:none;} .logo_middle #topmenu {float: left;margin-top: 0;width: 100%;text-align: center;padding-bottom: 30px;} .logo_middle #topmenu .logo{ display:inline-block; margin:0 40px; float:none;top: 15px;position: relative;} .sidr-class-logo{ display:none;} #topmenu li.menu_highlight{} #topmenu li.menu_highlight_slim{} #topmenu li.menu_highlight_slim, #topmenu li.menu_highlight{ padding-bottom:0; padding:8px 12px; border-radius:4px; border:2px solid transparent;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu li.menu_highlight_slim>a, #topmenu li.menu_highlight>a{ padding-bottom:30px;border: none;} /*-----SOCIAL BOOKMARKS----*/ .social_bookmarks {} .social_bookmarks a { display: none;padding: 2px 8px;text-align: center;font-size: 16px;opacity: 0.6;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .social_bookmarks i { width: 14px;} .social_bookmarks a:hover{ opacity:1;} .social_bookmarks a[href^="http"]{ display:inline-block;} /*Button Styles*/ .social_bookmarks.bookmark_simple a {font-size: 18px;} .social_bookmarks.bookmark_round a{border: 1px solid;border-radius: 50%;height: 18px;width: 23px;text-align: center;padding-top: 4px;margin-right: 5px;padding: 4px 0 0 0; } .social_bookmarks.bookmark_square a{border: 1px solid;margin-right: 5px;} /*BUTTON SIZE*/ .top_head_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.1); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:12px!important;} .head_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.1); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:12px!important;} .foot_soc .social_bookmarks.bookmark_size_large a{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); margin-right:20px!important;} .head_soc .social_bookmarks.bookmark_hexagon.bookmark_size_large {margin-right: 5px!important;} .social_bookmarks a[href*="facebook.com"] i::before { content: "\f09a"!important;} .social_bookmarks a[href*="twitter.com"] i::before { content: "\f099"!important;} .social_bookmarks a[href*="plus.google.com"] i::before { content: "\f0d5"!important;} .social_bookmarks a[href*="youtube.com"] i::before { content: "\f16a"!important;} .social_bookmarks a[href*="pinterest.com"] i::before { content: "\f0d2"!important;} .social_bookmarks a[href*="flickr.com"] i::before { content: "\f16e"!important;} .social_bookmarks a[href*="linkedin.com"] i::before { content: "\f0e1"!important;} .social_bookmarks a[href*="tumblr.com"] i::before { content: "\f173"!important;} .social_bookmarks a[href*="instagram.com"] i::before { content: "\f16d"!important;} .social_bookmarks a[href*="houzz.com"] i::before { content: "\f27c"!important;} .social_bookmarks a[href*="deviantart.com"] i::before { content: "\f1bd"!important;} .social_bookmarks a[href*="play.google.com"] i::before { content: "\f17b"!important;} .social_bookmarks a[href*="spotify.com"] i::before { content: "\f1bc"!important;} .social_bookmarks a[href*="wechat.com"] i::before { content: "\f1d7"!important;} .social_bookmarks a[href*="500px.com"] i::before { content: "\f26e"!important;} .social_bookmarks a[href*="github.com"] i::before { content: "\f09b"!important;} .social_bookmarks a[href*="apple.com"] i::before { content: "\f179"!important;} .social_bookmarks a[href*="medium.com"] i::before { content: "\f23a"!important;} .social_bookmarks a[href*="scribd.com"] i::before { content: "\f28a"!important;} .social_bookmarks a[href*="steam.com"] i::before { content: "\f1b6"!important;} .social_bookmarks a[href*="last.fm"] i::before { content: "\f202"!important;} .social_bookmarks a[href*="yelp.com"] i::before { content: "\f1e9"!important;} .social_bookmarks a[href*="weibo.com"] i::before { content: "\f18a"!important;} .social_bookmarks a[href*="reddit.com"] i::before { content: "\f281"!important;} .social_bookmarks a[href*="foursquare.com"] i::before { content: "\f180"!important;} .social_bookmarks a[href*="soundcloud.com"] i::before { content: "\f1be"!important;} .social_bookmarks a[href*="tripadivisor.com"] i::before { content: "\f262"!important;} .social_bookmarks a[href*="vk.com"] i::before { content: "\f189"!important;} .social_bookmarks a[href*="xing.com"] i::before { content: "\f168"!important;} .social_bookmarks a[href*="vine.com"] i::before { content: "\f1ca"!important;} .social_bookmarks a[href*="qq.com"] i::before { content: "\f1d6"!important;} .social_bookmarks a[href*="behance.net"] i::before { content: "\f1b4"!important;} .social_bookmarks a[href*="dribbble.com"] i::before { content: "\f17d"!important;} /*BUTTONS IN HEADER*/ .has_bookmark .menu-header, .head_soc{display: inline-block;} .head_soc a{} .head_soc .social_bookmarks a{font-size: 13px; opacity:1;} .head_soc .social_bookmarks.bookmark_simple a{font-size: 18px;} /*BUTTONS IN FOOTER*/ .copyright_center .social_bookmarks {width: 100%;float: left; padding:20px 0; text-align: center!important;} #footer .foot_soc .social_bookmarks.social_color a {color: #fff!important;border: none; margin-right:8px;} .foot_soc .social_bookmarks.bookmark_round a{height: 25px;width: 29px;} .foot_soc .social_bookmarks.bookmark_simple a{ font-size:24px;} .copyright_center .social_bookmarks a:hover{ transform:none;} .foot_soc {float: right;padding: 18px;} .copyright_center .foot_soc{ float:none; padding:0;} .foot_soc.hide_footsoc{ display:none;} .foot_soc a:hover{ opacity:0.8;} .foot_soc:empty {display: none!important;} /*SLIDER --------------------------------------- */ /*Slider Progressbar*/ /*Hide Slider by default*/ #slidera .pbar{} .pbar_wrap{margin-bottom:20px; width:60px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;bottom: 45%; z-index:999999; padding:7px 12px;} .progrssn{ width:40px!important; height:50px; margin-top:0px; margin-left:5px;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out;position: relative;background: rgb(205, 219, 228);} .prog_wrap{width: 50px; height:50px; position:absolute; overflow:hidden;border-radius: 3px;} .pbar{ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:40px; padding-top:13px; height: 27px; border:5px solid #fff; text-align:center; font-size:12px; color:#fff; position:relative; z-index:22;font-weight: bold;font-family: sans-serif;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);} #slidera{width:100%; margin:0 auto;float: left;} .slider-wrapper{ position:relative; } .selected_stat{min-height:500px; } /*Nivo Slider*/ .slider-wrapper, #zn_nivo, .slide_wrap{ height:auto;} #zn_nivo {position:relative; width:100%; overflow:hidden;} .slide_wrap{width:100%; margin:0 auto;overflow:hidden;} .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;} .nivo-main-image:nth-child(1){ width: 100% !important;height:auto !important;} .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;} .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;height:auto !important;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; opacity:0;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute;bottom:10%;left:0; right:0; margin-left:auto; margin-right:auto;color:#fff;opacity:1;width:70%;z-index:8;text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.5); text-align:center; opacity:0;} .nivo-caption h3{ margin-bottom:20px; width:100%; float:left;} .nivo-caption h3 a{display:block; color:#fff!important;} .nivo-caption p a{color:#0e92dd;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-caption p:empty, .nivo-caption h2 a:empty{display:none!important;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav, .nivo-directionNav a{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .nivoSlider:hover .nivo-directionNav{} .nivo-directionNav a {position:absolute;bottom:46%;z-index:9;cursor:pointer;} .nivo-prevNav {left:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(assets/images/nivo_nav.png) left no-repeat;} .nivo-nextNav {right:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(assets/images/nivo_nav.png) right no-repeat;} .nivoinner h3 a:empty{ display:none!important;} .nivoinner .slide_desc{ opacity:0; position: relative;top:20px;} .nivoinner .slide_button_wrap .lts_button{opacity:0; display:none; text-shadow:none; font-weight:bold; display:inline-block!important; margin-top:20px; padding:12px 30px; border-radius:4px; font-size:20px;-webkit-transition-delay: 1.0s;-moz-transition-delay: 0.3s;-ms-transition-delay: 1.0s;-o-transition-delay: 1.0s;-transition-delay: 1.0s;} .nivoinner .slide_button_wrap.sld_button_hollow a.lts_button {background: transparent!important;border: 3px solid; color:#fff!important;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 0; right:0;margin-left: auto;margin-right: auto; width:200px;} .nivo-controlNav a {cursor: pointer;width: 8px;height: 8px;display: inline-block;margin-right: 10px; -webkit-border-radius: 50%;border-radius: 50%; -moz-border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.8);text-indent: -999999px;} .nivo-controlNav a.active {background:#ffffff;} .selected_slide .nivo-controlNav{ bottom:70px;} .home .selected_slide .nivo-controlNav{ bottom:30px;} #slidera .nivoSlider a.nivo-nextNav {right: -60px;} #slidera .nivoSlider a.nivo-prevNav {left: -60px;} #slidera .nivoSlider:hover a.nivo-nextNav {right: 10px;} #slidera .nivoSlider:hover a.nivo-prevNav {left: 10px;} /*------STATIC SLIDERS-----*/ #stat_img{ position:relative;} #stat_img img{ max-width:100%; width:auto; height:auto; vertical-align:bottom;} .stat_content_inner{ position:absolute; bottom:15%; width:100%; z-index:11; line-height:1.9em;} .stat_content_center{ text-align:center;} .stat_content_left .cta_buttons, .stat_content_right .cta_buttons{ text-align:left;} .stat_content_right .center{margin-right: 10%;} .stat_content_left .center{margin-left: 10%;} .static_gallery .nivo-caption{ display:none!important;} .stat_content .scl_button{margin: 50px;} .stat_content .scl_button a{padding: 15px 40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .stat_content .scl_button a:hover{ opacity:0.8;} .stat_bg, .stat_bg_overlay{width: 100%;position: absolute;left: 0px;right: 0px;margin-left: auto;margin-right: auto;background-repeat: no-repeat;background-attachment: fixed;background-position: center top;background-size: cover; z-index:-1;} .stat_bg img {width:100%;position: fixed; display: block;object-fit: cover;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;} .stat_bg_overlay{background:#222;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out;} body.is_boxed .stat_bg, body.is_boxed .stat_bg_overlay{ z-index:auto;} .stat_bg {clip: rect(auto, auto, auto, auto);} .home .stat_has_img .stat_bg_img{ opacity:1;} .stat_bg_img {width: 100%!important;} .overlay_off{ opacity:0;} .overlay_on{ opacity:0.45;} .full_size_img { width:100% !important; max-width: 100% !important; height: auto; } .max576px { max-width :576px !important; } .cta_buttons{ text-align:center;} .cta_buttons a{ font-size:14px;font-weight: bold;padding: 10px 25px; border:2px solid;display: inline-block;} .cta_buttons a{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .cta_buttons a:empty{ display:none;} .cta_buttons .cta_hollow, .cta_buttons .cta_hollow_big{ border:2px solid;} .cta_buttons .cta_flat_big, .cta_buttons .cta_hollow_big, .cta_buttons .cta_rounded_big{ font-size:20px;padding: 18px 40px;} .cta_buttons .cta_rounded, .cta_buttons .cta_rounded_big{ border-radius:60px;} .cta_buttons .cta_rounded{font-size:14px;padding: 10px 24px;} .cta_buttons .cta_hollow:hover, .cta_buttons .cta_hollow_big:hover{ border-color:transparent!important; opacity:1!important;} .stat_content_inner .lts_button{ margin:25px 25px 20px 0px;} /*Homepage blocks margin*/ .fixed_wrap.fixindex.dummypost{width: 100%; float: left; background-color:#fff; position:relative;} .home_blocks:empty{ display:none;} .activeblock{width:100%; float:left;} .lastmap{ margin-bottom:0;} /*Homepage Elements Title*/ .home_title{ font-size:1.7em; margin:0;} .home_subtitle{font-size: 14px;margin-top: 10px; opacity:0.6;} /*About Block*/ .about_inner{ width:60%; margin:0 auto;} .aboutblock {text-align: center;padding: 80px 0px; width:100%; float:left;} .about_pre{ font-style:italic; font-size: 30px; opacity:0.6;} .about_header{ font-size:48px; letter-spacing:2px; margin-top:10px; margin-bottom:30px;} .about_content{ line-height:2em;} /*Midrow Blocks*/ .ast_blocks{ margin:0;} .midrow{width:100%; float:left; overflow:hidden;} .midrow_wrap{} .midrow_block{width:33.3333%; padding:4%; box-sizing:border-box; float:left; text-align:center;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} /* one item */ .midrow_blocks .midrow_block:first-child:nth-last-child(1) { width: 100%;} /* two items */ .midrow_blocks .midrow_block:first-child:nth-last-child(2), .midrow_block:first-child:nth-last-child(2) ~ .midrow_block { width: 50%;} /* three items */ .midrow_blocks .midrow_block:first-child:nth-last-child(3), .midrow_block:first-child:nth-last-child(3) ~ .midrow_block { width: 33.3333%;} /* four items */ .midrow_blocks .midrow_block:first-child:nth-last-child(4), .midrow_block:first-child:nth-last-child(4) ~ .midrow_block { width: 25%;} .midrow_block img{ max-width:100%; height:auto;} .midrow_block h3{ font-size: 0.9em;} .midrow_block .block_content{ line-height:1.8em;} .midrow a:hover {} .block_img{} .midrow_block .icon_wrap{ padding-top:20px; text-align:center;} .midrow_block .icon_wrap i{} .midrow_block img{ max-width:100%;} .block_type2 .center { width: 100%!important;} .block_type2 .midrow_block { width: 80%; padding: 5% 10%; text-align: left;} .block_type2 .midrow_block:hover {background: transparent;transform: none;} .block_type2 .midrow_block .block_img { width:35%;float: left; text-align: right;padding-right: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .block_type2 .midrow_block h3{ font-size:1.6em;margin-top: 0;} .block_type2 .midrow_block .block_content { width: 65%;float: left;} .block_type2 .midrow_block:nth-child(even) {background: rgba(0, 0, 0, 0.02);} .block_type2 .midrow_block:nth-child(even) .block_img {float: right; text-align: left;padding-right: 0; padding-left: 30px;} .block_type2 .midrow_block:nth-child(even) .block_content{ text-align:right;} /*Text Block*/ .textblock{width:100%; float:left;} .text_block{ width:100%; float:left; box-sizing:border-box;} .text_block_wrap{ line-height:1.9em;} .text_block .center { width: 100%!important;} .text_block_content{ box-sizing:border-box;} .text_block img{ vertical-align:bottom;} .text_block img.alignright, .text_block img.alignnone, .text_block img.alignleft{margin:0;} .text_block img.aligncenter {margin:0 auto;} .text_block_content > p:first-child:empty, .text_block_content > p:last-child:empty { display: none;} .text_block .col2, .text_block .col3, .text_block .col4{ margin-bottom:0;} /*Layout 1*/ .postsblck h2.postitle a{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .home .lay1, .home .lay2, .home .lay3, .home .lay4, .home .lay5{ padding:50px 0;} .lay1{width:100%; float:left; padding:40px 0;} .lay1 .center {max-width: 1200px;} .lay1_wrap{overflow: hidden;} .home .lay1_wrap{ margin-top:30px;} .lay1 .hentry{ width:33.3334%; max-width:400px; float:left; } .lay1 .hentry img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; vertical-align:bottom;} .lay1 h2.postitle{ padding:10px;text-align:center; margin:0;font-weight: 400; line-height:1.4em;} .lay1 h2.postitle a{ font-size:20px; color:#fff;} .lay1 .lowreadmo h2.postitle a {font-size: 18px;} .lay1 .lowreadmo h2.postitle { line-height:20px;} .lay1_title, .homeposts_title{ text-align:center;} .lay1_title h3, .homeposts_title h3{ color:#e64429; font-size:42px; margin:20px 0 0 0;} .lay1_title p, .homeposts_title p{margin-bottom:30px; margin-top:0;} .lay1 .post_image{width: 100%;position: relative; overflow:hidden;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; max-height:260px;} .lay1 .post_content{position: absolute; top:-200px;width: 100%;-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out; z-index:3;} .lay1 .post_image:hover img, .lay2 .post_image:hover img, .lay3 .post_image:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .post_image:hover .post_content, .vidwrap:hover .post_content{ top:20%;} .post_image:hover .img_hover{ opacity:0.7;} .hentry .post_image:hover .icon_wrap{ display:block;bottom: 30%;} .img_hover{ width:100%; height:100%; background:rgba(10, 167, 255, 0.7);position:absolute;opacity:0; -webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out; z-index:2;} .post_image.lowreadmo .icon_wrap, .post_image.post_image.lowreadmo:hover .icon_wrap{bottom: 25px;} .hentry .post_image .icon_wrap{ display:none;text-align: center;position: absolute;margin: 0 auto;z-index: 9;text-align: center;width: 100%; bottom:-600px;left: 0;right: 0;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .post_image .icon_wrap a{ display:inline-block;font-family: serif; margin-right:4px; font-weight:bold; color:#fff; padding:9px 12px;background: rgba(0, 0, 0, 0.3);-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; opacity:0.8;} .lay1 .post_image .icon_wrap a{font-size:14px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:5px;} .post_image .icon_wrap a:hover{ opacity:1; -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .lay2 .hide_img_hover .img_hover, .lay2 .hide_img_hover .icon_wrap, .lay3 .hide_img_hover .img_hover, .lay3 .hide_img_hover .icon_wrap{display: none;} /*Layout 4*/ .lay4{width:100%; float:left; padding:40px 0;} .lay4_wrap{overflow: hidden;width:68%; float:left; position:relative;} .lay4 .hentry{width: 100%;float: left;padding: 10px 20px 0 20px;margin: 20px 0;background: #fff; margin-bottom:20px; position:relative;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lay4 .post_image{width: 25%;height: auto; max-height:200px;float: left;margin-right: 2%; overflow:hidden; padding-top:10px;} .lay4 .post_content{float: right;width: 71%;} .lay4 .hentry img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2 ease-out;} .lay4 .hentry:hover img{-webkit-transition:all 2.0s ease-out;-moz-transition:all 2.0s ease-out;-ms-transition:all 2.0s ease-out;-o-transition:all 2.0s ease-out;transition:all 2.0 ease-out;} .lay4 h2{ margin:0; margin-bottom:15px;margin-top: 5px;} .lay4 p{ padding-bottom:20px;padding-top: 5px;line-height: 1.7em;} .lay4 .single_metainfo{ padding-bottom:0;} .lay4 .single_metainfo, .lay4 .single_post .single_metainfo a{ font-size:0.8em;} .lay4 #sidebar{ margin-top:20px;} .more-link, .moretag{ font-size:14px; padding:7px 15px; color:rgba(0, 0, 0, 0.2); display:block; margin:15px 0; float:right; position:relative; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;border: 2px solid rgba(0, 0, 0, 0.2);opacity: 0.5;font-weight: bold;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .thn_post_wrap .more-link:hover, .moretag:hover{ opacity:1;} .lay4 a.comm_date{ margin-left:0;} .lay4pagifix { width: 68%; float: left;} .lay4pagifix .lay4_wrap{width:100%; } .lay4pagifix .lay4pagifix { width: 100%;} /*AJAX*/ .ast_ajaxwrap{ width:100%; margin-bottom:30px; min-height:300px; position:relative;} .ast_ajax{ width:45px; height:37px; background:url(assets/images/newloader.gif) no-repeat; margin:0 auto; left:0; right:0; bottom:40%; position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .ast_row{ overflow:hidden;} /*Pagination*/ .ast_pagenav, .comments_template .navigation{width: 100%;text-align: center;margin-top: 50px; float:left;} .ast_pagenav .page-numbers, .comments_template .navigation .page-numbers{ display:block; margin-bottom:15px; padding:3px 10px; display:inline-block; margin-right:15px; text-align:center; color:black; font-size:14px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; cursor:pointer;} .thn_paginate a.page-numbers:nth-last-child(1){ margin-right:0;} .page-numbers:hover, .comments_template .navigation .page-numbers:hover{} .ast_pagenav .current, .comments_template .navigation .current{ border:2px solid rgba(0, 0, 0, 0.3);font-weight: 600; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;} .comments_template .navigation .prev, .comments_template .navigation .next{ display:none;} .comments_template .navigation{float: left;} .comments_template .navigation:empty{ display:none;} /*Older/Newer Navigation*/ .ast_navigation a {border: 2px solid rgba(0, 0, 0, 0.2); padding: 3px 10px; font-weight: bold;font-size: 0.8em; text-transform: uppercase;} .ast_navigation { margin: 30px 0 0 0; width: 100%; float: left;} .ast_navigation a:hover { color: #222; border-color: #222;} /*SINGLE*/ .edit_wrap{} .edit_wrap a {display: block;margin-top: 4px;padding-left: 26px;position: absolute;right: 5px;top: -4px;font-size: 13px;opacity: 0.4;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;} .edit_wrap a:hover{opacity:0.8;} .single_wrap{width:68%; float:left;} .single_post{ padding: 5%; position: relative; max-width: 800px; margin: auto; } .single_post .postitle{ margin-top:0px; font-weight:600; -ms-word-wrap:break-word; word-wrap:break-word;} .thn_post_wrap { overflow:hidden; float:left; width:100%;} .thn_post_wrap img{ max-width:100%; height:auto;} .thn_post_wrap{ line-height:1.8em;} .single_metainfo a i{ color:#aaa;} .single_metainfo a i:hover{color:#0e92dd;} .meta_comm, .catag_list{ display:inline;} .single_metainfo{ padding-bottom:20px;} .single_metainfo, .single_post .single_metainfo a{ font-size:0.9em;} .single_metainfo i{ padding-left:10px; padding-right:5px;opacity:0.7;} .single_metainfo .fa-calendar{ padding-left:0;} .tag_list ul {margin: 0;padding: 0;} .tag_list ul li {list-style-type: none; display: inline-block; margin:8px; background: rgba(0, 0, 0, 0.1); padding: 0 5px; padding-bottom: 2px;font-size: 13px; line-height:22px; border-radius: 3px;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .tag_list ul li i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-right: 6px;padding-left: 2px;} .tag_list ul li:hover{background: rgba(0, 0, 0, 0.14);} .single_metainfo:empty{ display:none;} .post_foot {padding: 15px 0;width: 100%;} .single .post_foot{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .post-password-form input {padding: 10px;border: 2px solid rgba(0, 0, 0, 0.1);border-radius: 3px;} .post-password-form input[type~=submit]{ border: 2px solid; background: transparent;font-weight: bold; opacity: 0.7; cursor: pointer; text-transform: uppercase;} .post-password-form input[type~=submit]:hover{ opacity:1;} /*NEXT PREVIOUS POSTS*/ #ast_nextprev{ width: 100%;float: left;padding: 20px 0;border-bottom: 1px solid rgba(0, 0, 0, .08); min-height: 100px; position:relative;} #ast_nextprev .nav-box img {max-width: 90px;height: auto;float: left; margin-right: 15px;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #ast_nextprev .nav-box img:hover{ opacity:0.8;} #ast_nextprev .nav-box i {color: rgba(0, 0, 0, 0.6);opacity: 0.6;font-size: 24px;display: block;float: left;height: 55px;padding: 25px 3px 0 3px;position: absolute;left: -18px;} #ast_nextprev a{ font-size:0.8em; font-weight: bold;} #ast_nextprev a span{ font-size:1.1em; font-weight:bold;display: block;} #ast_nextprev .ast-prev a span{ padding-right:20px;} #ast_nextprev .ast-next a span{ padding-left:20px;} #ast_nextprev .nav-box i:hover{ opacity:1;} #ast_nextprev .ast-next i{ float:right;right: -18px;left: auto;} .nav-box.ast-prev {float: left; width: 50%;} .nav-box.ast-next { float: right; width: 50%;text-align: right;} .nav-box.ast-next img { float: right!important; margin-right: 0px!important; margin-left: 15px!important;} #ast_nextprev span.div_middle {width: 1px;height: 70%;display: block;position: absolute;left: 0;right: 0;margin: 0 auto;background-color: rgba(0, 0, 0, 0.1);transform: rotate(20deg);} .prev_cat_name, .next_cat_name{ font-size: 1em;opacity: 0.6;display: block;float: left;} #ast_nextprev .prev_cat_name a, #ast_nextprev .next_cat_name a{font-weight: normal!important;} .next_cat_name{ float:right;} #ast_nextprev span.div_middle .fa-stop{ display:none;} /*COMMENTS*/ .comments_template{ float:left; width:100%; margin-top:40px;} body.page .nocomments{ display:none;} .nocomments{ } .comments_template{ } .comments_template #comments, #comments_ping, #reply-title{font-size: 18px;width: 100%;margin:20px 0;} #reply-title small a{ font-size:16px; opacity:0.5;vertical-align: text-bottom;padding-left: 5px;} #reply-title small a:hover{ opacity:0.8;} #comments_ping{ float:left; width:100%;} .commentlist{padding-left:0px; float:left; margin-top:0px; width:100%;} .commentlist li.comment{ list-style-type:none;} .commentlist li{ list-style-type:none;width:100%;float:left;} .commentlist li ul li{ width:96%; border:none; float:right;} .commentlist > li.comment:nth-child(1) .comment-body{ border-top:none;} .commentlist .depth-1{ position:relative;} .commentlist .depth-2{} .commentlist .depth-3{} .commentlist .depth-4{} .commentlist.depth-5{} h3#comments{font-size:20px;} h3#comments_ping{font-size:20px;} /*Comment Metadata*/ .comment-author{ font-size:14px;} .commentlist a.comm_date {margin-left: 15px;padding-top: 4px;display: inline-block;} .comm_auth {padding-top: 4px;margin-left: 10px;} .comm_reply {display: inline-block;margin-left: 10px; opacity:0;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .comment-body:hover .comm_reply{ opacity:1;} .comment-body{float:left;width:94%;position:relative; z-index:3; padding:30px 0; border-top:1px solid rgba(0, 0, 0, 0.1);} .avatar, .comm_auth{ display:inline-block; vertical-align:top;} .avatar img{ height:auto; max-width:30px; max-height:30px;} .org_comment {float: left;} .commentlist .org_comment ul li{ border:none; list-style-type:circle; float:none;} .commentlist .org_comment ol li{ list-style-type:inherit; border:none;float:none;} .commentlist li.comment img {max-width: 100%;height: auto;} .org_ping .comm_date{ font-size:14px;} /*COMMENT EDIT LINK*/ a.comment-edit-link {position: absolute;right: 0;top: 30px;font-size: 13px;font-weight: bold;padding: 1px 4px;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;border: 2px solid;color: rgba(0, 0, 0, 0.1); opacity:0.4;text-transform: uppercase;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} a.comment-edit-link:hover{ opacity:0.8;} .comm_date i{padding-right:5px;} .comm_reply{ display:inline-block; margin-left:15px;} /*Comment Form*/ #respond {width: 100%;float: left;margin-bottom: 40px;} .comm_wrap{ width:100%; float:left;} .comment-form-comment{width:100%; float:left; margin-bottom:0;} .comment-notes, .form-allowed-tags, .comment-form-comment label{ display:none;} .comm_wrap p {width: 32%;float: left;margin-right: 2%;margin-bottom: 0;} p.comment-form-url {margin-right: 0;} .comm_wrap input{ padding:15px 4%;width: 92%;border: 1px solid rgba(0, 0, 0, 0.1); } .comment-form-comment textarea{ width:92%; padding:4%; min-height:150px; float:right;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow:auto;} p.form-submit {width: 100%;float: left;} #submit {float: right;padding:20px;cursor: pointer; border:none;border-radius: 3px;font-size: 14px;opacity: 0.8;} #submit:hover{ opacity:1;} .logged-in-as {font-size: 14px;} .logged-in .comment-form-comment{width:100%;} .logged-in .comment-form-comment textarea{ width:92%;} .commentlist #respond{ width:94%; float:left; margin-top:-15px;} .commentlist #reply-title{margin-bottom:15px;} .commentlist .logged-in-as{margin: 0;padding: 2%;padding-left: 0;} .commentlist .comment-form-comment{ margin-top:20px;} .logged-in .commentlist .comment-form-comment{ margin-top:0px;} #frontsidebar div[id^="optimizer_front"]:nth-child(5), #frontsidebar div[id^="optimizer_front"]:nth-child(6), #frontsidebar div[id^="optimizer_front"]:nth-child(7), #frontsidebar div[id^="optimizer_front"]:nth-child(8), #frontsidebar div[id^="optimizer_front"]:nth-child(9), #frontsidebar div[id^="optimizer_front"]:nth-child(10), #frontsidebar div[id^="optimizer_front"]:nth-child(11), #frontsidebar div[id^="optimizer_front"]:nth-child(12), #frontsidebar div[id^="optimizer_front"]:nth-child(13), #frontsidebar div[id^="optimizer_front"]:nth-child(14), #frontsidebar div[id^="optimizer_front"]:nth-child(15), #frontsidebar div[id^="optimizer_front"]:nth-child(16), #frontsidebar div[id^="optimizer_front"]:nth-child(17) {display: none;} /*PAGE*/ #content{ width:100%; float:none; margin-top:0px;} .page_tt{ float:left; width:100%; padding:20px 0; text-align:center;} /*Sidebar*/ #sidebar{width:30%; float:right;margin-top: 10px;} #sidebar .widgets ul{ margin:0; padding:0; } #sidebar .widget{ background:#f1f2f3; margin-bottom:30px; list-style-type:none;width: 100%;float: left; color:black; position:relative;} #sidebar .widget .widgettitle, #sidebar .widget .widgettitle a{ font-size:16px; margin-bottom:10px;} #sidebar .widget li{ list-style-type:none; margin:20px 0;} #sidebar .widget_wrap{width:80%; padding:20px 10%;} .untitled .widget_wrap{ padding: 10%!important;} #sidebar .widget .widgettitle{ margin-top:0;} #sidebar .widget img{ max-width:100%;} #sidebar .widget select{max-width:100%;} span.widget_border {width: 35px;height: 2px;display: block;margin-bottom: 20px;} /*Page Templates*/ /*Search*/ .search_btn_mobile { float: right; margin-top: 1.5%; color: #0d4fa0 !important; font-size: 36px; position: absolute; right: 80px; top: 15px; } .search_term {width: 96%;padding: 2%;float: left;margin-top: 50px;text-align: center;} .search_term h2{ margin-bottom:5px;} .search_term #searchform #s, .error_msg #searchform #s{font-size:16px;border: none;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;width: 70%;padding: 20px;margin-top: 30px;margin-bottom: 30px;background: rgba(0, 0, 0, 0.04); color:black;} .search_term #searchsubmit, .error_msg #searchsubmit{ padding:20px 15px;font-size: 16px;font-weight: bold;cursor:pointer;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .search_term #searchsubmit:hover, .error_msg #searchsubmit:hover{opacity:0.7;} #searchsubmit { background:#0d4fa0 !important; font-family:Arial, Helvetica, sans-serif !important; } /*404*/ .fourofour a{font-size: 280px; opacity:0.4;} .error404 .postitle{margin-top: -30px;font-size: 50px;text-transform: uppercase; opacity:0.5;} .error_page{ text-align:center;} .error_msg {line-height: 2em;} /*Author*/ .author_div{ padding:2%; width:96%; float:left;} .author_left{ width:100%; text-align:center;} .author_right{ line-height:1.9em; text-align:center;} .author_right h2{ margin-bottom:20px;} .author_right h2, .author_right a{} .author_div img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } .author_posts{padding: 20px 0;float: left;width: 100%;text-align: center;margin-top: 0;margin-bottom: 0px;} .author_posts span{display: block;font-size: 0.7em;opacity: 0.6;} /*To Top*/ .to_top{width:40px; height:38px; display:block; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#fff; background:rgba(0, 0, 0, 0.2); -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; position:fixed; bottom:20px; right:20px; cursor:pointer; text-align:center; padding-top:2px;display:none; opacity:0.4; z-index:99;} .to_top:hover{ opacity:1;} .to_top i{ font-size:26px;padding-top: 4px;} .to_top.hide_totop{ display:none!important;} /*FOOTER*/ #footer { width: 100%; background: #333; font-size: 12px; height: 500px; overflow: hidden; padding: 40px 0; margin-top: 0 !important; display: block; color: #a4a4a4; background:url("../../uploads/footer_bg.jpg") !important; background-size: cover !important; } #footer .center { width:100%; } #footer .widgets{ padding:5px 0px;} #footer .widgets ul{ margin:0; padding:0; width:85%; display: inline-block; vertical-align: top} #footer .widgets .widget{ width:100%; display:inline-block; vertical-align:top; margin:10px; list-style-type:none; margin-bottom:25px; font-size:12px;} /* Five items */ #footer .widgets .widget:first-child:nth-last-child(5), #footer .widgets .widget:first-child:nth-last-child(5) ~ .widget { width: 17.9%;} #footer .widgets .widgettitle{font-size:1.3em; font-weight:normal;} #footer .widgets .widget ul{ margin:0; padding:0; width:100% !important;} #footer .widgets .widget ul li{ list-style-type:none; padding:4px 0;} #footer .widgets .widget ul li a{ text-decoration:none; line-height:1.5em;} #footer #wp-calendar #today{ background:#222;} #footer #wp-calendar caption {border-bottom-style:dashed;border-width:1px} #footer .widget img{ max-width:100%;} #footer .widget select{max-width:100%;} .footer_center{text-align: center;} #copyright{width:100%; float:left; background:rgba(0, 0, 0, 0.2);} .copytext{padding:20px 0; line-height:1.9em;} .copytext a{opacity: 0.7;} .copytext{ float:left;} .copytext:empty{ display:none;} /*Footer Menu*/ #footer_menu { display:inline-block;} #footer_menu ul {margin: 0;padding: 0;} #footer_menu ul li {display: inline-block; margin:0 10px;padding: 15px 5px;} #footer_menu ul li a {} .foot_right_wrap {float: right;width: auto;} .foot_soc{display: inline-block;float:none;} #footer_menu.hide_footmenu{ display:none;} #footer .menu > li{ position: relative; float: left; line-height: 30px; z-index:2; width:auto; height:35px; padding:4px 10px !important; background:#000; } #footer .menu > li .sub-menu li { padding: 10px !important; background: black; width:100%; } #footer .menu > li .sub-menu li a{ display:block; width:100%; } #footer .menu > li ul { display: none; position: absolute; left: 0px; bottom: 100%; padding:0px; z-index:1; } #footer .menu > li:hover ul { display:inherit; list-style-type:none; }​ /*Center Copyright Text*/ .copyright_center {text-align: center;} .copyright_center .copytext { width: 100%;} .copyright_center #footer_menu {width: 100%; display:block;} .copyright_center .foot_right_wrap{ float:none;} /*MAINTANACE MODE*/ .ast_maintanace{ padding-top:5%;} .ast_maintanace .logo, .ast_maintanace .logo h1{ float:none; text-align:center;} .ast_maintanace .logo h1 a{ color:#0e92dd;} .under-construction-message{ text-align:center;width:60%; margin:0 auto; margin-top:40px; margin-bottom:20px;} .under-construction-inner{ padding:2%; padding-bottom:4%; float:left; min-width:660px; } .under-construction-inner #countdown_mntnc{ margin:0; padding:0; margin-top:60px;} .under-construction-inner #countdown_mntnc li{ list-style-type:none; display:inline-block;width:100px; border-right: 1px solid rgba(255, 255, 255, 0.5);padding: 15px 30px;} .under-construction-inner #countdown_mntnc li:last-child{ margin-right:0!important; border-right:none;} .under-construction-inner #countdown_mntnc li span {font-size: 48px;font-weight: bold;} .under-construction-inner #countdown_mntnc li p {font-size: 13px;} .ast_maintanace .head_soc {width: 100%;float: left;text-align: center;padding: 20px 0;} .ast_maintanace .head_soc a { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);} .ast_maintanace .head_soc .bookmark_size_large a{ transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5);} .lgn_info {display: block;position: fixed;z-index: 99;bottom: -25px;left: -12px;padding: 10px;background: #333;transform: rotate(-47deg);-webkit-transform:rotate(-47deg);-ms-transform:rotate(-47deg);height: 40px;width: 20px;} .lgn_info i{position: relative;left: 10px;transform: rotate(37deg);-webkit-transform:rotate(37deg);-ms-transform:rotate(37deg);bottom: -3px;} /* footer logo */ /*home logo*/ #home-logo-footer { float: left; display: block; height: 40px; padding: 5px; } #home-logo-footer .logoimga { height: 100%; display: block; } #home-logo-footer .logoimga img{ max-width: 100%; height: 100%;; } /*--------------PLUGIN SUPPORT--------------*/ /*WOOCOMMERCE SUPPORT*/ div#container {width: 70%;float: left;} .woocommerce #woocontent{ margin:30px 0;} #review_form_wrapper form{ margin-top:30px;} .woocommerce #reviews h3, .woocommerce-page #reviews h3{margin: 40px 0 20px 0;} .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {padding: 7px;opacity: 0.7;} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{width:18%!important;} .woocommerce .star-rating span, .woocommerce-page .star-rating span{ color:#F4D431;} .woocommerce.single .breadcrumbs {margin-top: -30px;padding-bottom: 20px;} /*Woocommerce Frontpage WIDGET*/ .optimposts .type-product .star-rating {font-size: 16px; font-family: FontAwesome; color: #EFD788;width: 75px;height: 30px;overflow: hidden;position: relative;} .optimposts .type-product .star-rating span:before {content: "\f005 \f005 \f005 \f005 \f005";visibility: visible; position: relative; z-index: 2;} .optimposts .type-product .star-rating span {display: block;visibility: hidden;overflow: hidden;height: 30px;} .optimposts .type-product .star-rating:after {content: "\f005 \f005 \f005 \f005 \f005";visibility: visible;position: absolute;top: 0;left: 0;color: #eee;} .home .lay1{ display:block!important;} .lay1_wrap .type-product { width:22%; margin:1.5%; max-width:400px; float:left; } .lay1_wrap .type-product img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-100px; vertical-align:bottom; opacity: 1!important;} .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {display: block;font-size: 13px;opacity: 0.5;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;line-height: 18px;} #topmenu ul li .wcmenucart-contents span{ opacity:0.7;} #topmenu ul li a.wcmenucart-contents {border: none!important;} .optimposts .type-product{ min-height:300px;} .optimposts .type-product .post_content { position: relative;top: auto;} .optimposts .type-product .img_hover { display: none;} .optimposts .type-product .icon_wrap { display: none;} .optimposts .type-product h2.postitle {text-align: left; padding: 15px 0;} .optimposts .type-product h2.postitle a {font-weight: bold; font-size: 0.6em;} .optimposts .type-product .post_image{ max-height:inherit!important;} .optimposts .type-product .imgwrap{ overflow:hidden;} .lay1.optimposts .type-product h2.postitle a {display: block;width: 100%;margin-bottom: 10px;} .optimposts .type-product span.price {position: absolute;padding: 7px 10px;background-color: rgba(0, 0, 0, 0.4);color: #fff;font-weight: bold;font-size: 13px;margin-top: 20px; z-index: 2;} .optimposts .type-product a.button.add_to_cart_button {display:none;position: absolute; z-index: 9;bottom: 55%;left: 0;right: 0;margin: 0 auto;width: 100px;padding: 10px;border-radius: 3px;font-size: 14px;font-weight: bold;text-align: center;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .optimposts .type-product:hover a.button.add_to_cart_button{ display:block;} .lay1.optimposts .type-product h2.postitle a.button.add_to_cart_button {display: none;} .lay1.optimposts .type-product a.button.add_to_cart_button:before {content: "\f07a";font-family: FontAwesome;margin-right: 5px;} .lay1.optimposts .type-product a.added_to_cart.wc-forward {position: absolute;background-color: #fff;padding: 10px;bottom: 40%;margin: 0 auto;left: 0;right: 0;width: 100px;text-align: center;font-weight: bold;font-size: 13px;border-radius: 3px;z-index: 9;} .optimposts .lay4_wrap .type-product {width:50%;padding:1.5%;float: left;padding: 20px;box-sizing: border-box;} .optimposts .lay4pagifix.no_sidebar .type-product {width:33.3%;} .optimposts .lay4_wrap .type-product .post_content p {font-size: 0.9em;} .optimposts .lay4_wrap .type-product .single_metainfo {display: none;} .optimposts .lay4_wrap .type-product a.button.add_to_cart_button {position: relative;display: inline-block;float: right;background-color: transparent;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0;padding: 5px;font-size: 13px;} .optimposts .lay4_wrap .type-product h2.postitle {padding: 0;font-size: 18px;} .optimposts .lay4_wrap .type-product .post_image, .optimposts .lay4_wrap .type-product .post_content{ width:100%; margin-right:0;} .optimposts .lay4_wrap .type-product span.price {position: relative;right: 10px;margin-top: 0;background-color: transparent;font-size: 20px;float: left;} .optimposts .lay4_wrap .type-product .star-rating {display: none;} .optimposts .lay4_wrap .type-product .blog_mo{margin-top: 15px;} .optimposts .lay4_wrap .type-product .blog_mo a{display: none;} .optimposts .lay4_wrap .type-product a.added_to_cart.wc-forward {border: 1px solid rgba(0, 0, 0, 0.3);padding: 5px 10px;font-size: 13px;float: right;margin-right: 10px;margin-top: 0px;} .home .lay1{ display:block!important;} .lay1 .product { width:33.3%; max-width:400px; float:left; } .lay1 .product img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-100px; vertical-align:bottom;} .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {display: block;font-size: 13px;opacity: 0.5;font-weight: bold;text-transform: uppercase;padding: 0 3px;border: 2px solid;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;line-height: 18px;} #topmenu ul li .wcmenucart-contents span{ opacity:0.7;} #topmenu ul li a.wcmenucart-contents {border: none!important;} /*Contact Form 7 SUPPORT*/ .wpcf7-text{padding: 12px;border: none;background: rgba(0, 0, 0, 0.03);width: 60%; border:1px solid; border-color:rgba(0, 0, 0, 0.05);} .wpcf7-textarea{padding: 2%;border: none;background: rgba(0, 0, 0, 0.03);width: 96%;min-height: 100px;border:none; height:100px; color:#fff;} .wpcf7-submit{ float:right; padding:10px 35px; border:none; font-size:18px; cursor:pointer;} /*-----------------------------------------------------PRINT CSS--------------------------------------------*/ @media print { .single_wrap { width: 100%;} .header, #sidebar, .share_foot, .author_box, #ast_related_wrap, #ast_nextprev, .edit_wrap, .comments_template, .footer_wrap.layer_wrapper{ display: none;} } /*-----------------------------------------------------MOBILE CSS--------------------------------------------*/ @media screen and (min-width: 1200px){ .ast_row{ height:auto!important;} } @media screen and (max-width: 1024px){ .center{ width:100%!important; } .ast_row{ max-height:210px;} .lts_layout1 div.listing-item{ max-height:200px; overflow:hidden;} .lts_layout2 a.image{ height:auto;} .lts_layout2 a.image img{ vertical-align:bottom;} .stat_content_left .center{width: 85%!important;} .about_inner{ width:70%;} .stat_content_inner{ bottom:10%!important;} .img_hover .icon_wrap{ bottom:20%;} .comm_reply{ opacity:1!important;} .related_img{ height:100px!important;} .under-construction-inner{margin-left: -50px;} .has_share_pos_left{ padding-left:40px;} .share_foot.share_pos_left{margin-left: -55px;} } @media screen and (max-width: 960px){ #topmenu{ display:none;} #simple-menu{ display:block;} #simple-menu.hide_mob_menu{ display:none;} .touchon #topmenu{ display:none;} .touchon #simple-menu{ display:block;} .touchon .lay1 h2.postitle a{ font-size:18px; line-height:1.2em;} .stat_bg, .stat_bg_overlay{ display: none;} .home .stat_has_img .stat_bg_img{ display: none;} .midrow_wrap{ width:95%;} .selected_stat{min-height: initial;} .stat_has_img{ width:100%; float:left;} .stat_has_img .stat_content_inner{ position:relative;} #slidera .nivoSlider img, .stat_has_img .stat_bg_img{ width:100%!important; max-width:100%!important;} .nivoinner p{ display:none;} .lay1 h2.postitle a{ font-size:18px!important;} .lay1 h2.postitle{ line-height:18px;} .img_hover .icon_wrap{ bottom:20px!important;} .home .img_hover{background: none!important;opacity: 1;} body .lay1 .hentry{margin-bottom: 10px;margin-left: auto;margin-right: auto;} .lay1 .post_image .post_content{ top:20%;} .lay1 .post_image .img_hover .icon_wrap{ right:0px;} .lay1 .hentry img{ transform:none!important;} .lay4_wrap{width: 100%!important;} .lay4pagifix{width:100%!important; } .lay1.optimposts .type-product a.button.add_to_cart_button {display: block;position: relative;font-size: 12px!important;padding: 5px 10px;float: left;margin-bottom: 10px;width: 110px;} .optimposts .lay1_wrap .type-product{ width:47%;} .optimposts .lay2_wrap .type-product{ width:47%;} .optimposts .lay3_wrap .type-product{ width:47%;} .optimposts .lay4_wrap .type-product .post_image, .optimposts .lay4_wrap .type-product .post_content{ width:100%; margin-right:0;} .wp_link_pages a{ padding:3px 10px; border:2px solid;border-radius: 3px;margin: 0 5px;} .home .selected_slide .nivo-controlNav {bottom: 0px!important;} .selected_slide .nivo-controlNav {bottom: 50px!important;} .selected_stat{ overflow:hidden;} .home_action_button_wrap{ margin-top:20px!important; margin-bottom:20px!important;} #sidebar .widget_wrap {padding: 0 15px; width:100%!important;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #sidebar .widget{max-width: 220px;float: left;margin-right: 20px;margin-top: 40px;} #sidebar .widget:nth-child(3), #sidebar .widget:nth-child(6), #sidebar .widget:nth-child(9){ margin-right:0;} .single_wrap, #sidebar{width: 100%!important;} body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;} body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;} /*Accordion*/ body .kwicks.horizontal li, body #accordion{ height:380px; max-height:380px;min-height:350px!important;} .ast_gall{min-height:300px!important;} .mfp-content .lts_lightbox_content{ width:85%!important;} .under-construction-inner{margin-left: -120px; width:600px; min-width:600px;} .under-construction-inner #countdown_mntnc li{ width:80px;} span.desc{text-align: center;} .lts_headline:after, .lts_headline:before, .headline_type3:before{ display:none;} .page_contact_wrap.layer_wrapper.has_contact_map .entry-content{ position:relative;width: 99%; z-index:inherit; bottom:auto; right:auto; margin-bottom:30px;} .page_contact_wrap.layer_wrapper.has_contact_map #asthemap{ height:350px;} } @media screen and (max-width: 960px) and (min-width: 481px){ .stat_has_img{ height:auto!important;} .lay1 .post_image .img_hover .icon_wrap{ display:none;} } @media screen and (min-width: 961px){ #stat_img{ background:none!important;} } @media screen and (max-width: 480px){ body .header_wrap .header, body.home.has_trans_header .header { position: relative; } .header { position:fixed !important; } .site_boxed .header_wrap .header { max-width: 100%!important; } #simple-menu{ text-shadow:0 0 2px rgba(0, 0, 0, 0.3); z-index:999; top:5px; right:12px;} .to_top{ left:20px; right:auto;} .mobile_hide_footwdgt, .mobile_hide_slide, .mobile_hide_frontposts, .mobile_hide_frontposts, .mobile_hide_about, .mobile_hide_blocks, .mobile_hide_clients, .mobile_hide_frontwdgt, .mobile_hide_map, .mobile_hide_newsletter, .mobile_hide_testi, .mobile_hide_welcm, .mobile_hide_frontposts{ display:none!important;} .aboutblock{padding: 40px 0px;} body #accordion h3 a, body #zn_nivo h3 a{ font-size:24px!important; } #accordion h3, #zn_nivo h3{line-height:24px!important;} .acord_text{ width:250px;padding-left: 0;} .slide_wrap .nivo-directionNav{ display:none;} .slide_wrap{ background:none;} #slidera .nivoSlider img, .stat_has_img .stat_bg_img {width: 200%!important;max-width: 200%!important;} #stat_img{height: auto!important;} .stat_has_img .stat_bg_img{height: 100%;} .stat_content_inner{ bottom:0;} body .stat_content_inner .center{width: 100%!important;} body .stat_content_right .stat_content_inner .center, body .stat_content_left .stat_content_inner .center{padding-left: 4%;} .stat_content_left .center{ margin-left:0;} .header{ float:left;} .head_contact { margin-top:20px; margin-bottom:20px;width: 100%;text-align: center;} .midrow_block:hover h3{} .midrow_block{width:96%!important;} .block_type2 .midrow_block .block_img{ width:100%; padding:20px 0!important;text-align: center!important;} .block_type2 .midrow_block .block_content{ width:100%;text-align: center!important;} .about_pre{ font-size:20px;} .about_header{ font-size:32px;} /*footer Widgets*/ #footer .widgets .widget{width:98%!important;} /*Single Page*/ .single_wrap, #sidebar, #contact_block{ width:100%} .comments_template{ margin-bottom:0px;} .hide_mob_headerimg{ display:none;} .hide_mob_headerimg img{ opacity:0;} .hide_mob_rightsdbr{ display:none;} /*Layouts*/ .ast_row {max-height: none!important; height:auto!important;} .lay1 .hentry {width: 100%!important;} .img_hover .icon_wrap {bottom: 20%!important;} .lay1 .post_image:hover img, .lay2 .post_image:hover img, .lay3 .post_image:hover img{ -webkit-transform: initial; -moz-transform: initial; -o-transform: initial; -ms-transform: initial; transform: initial;} .lay4_wrap{width:100%!important;} .lay4 .post_image{width:100%!important;} .lay4 .post_content{width:100%!important; margin-top:20px;} .lay4 .hentry{margin-bottom: 30px;} #sidebar .widget{ width:100%; max-width:none!important; margin-bottom:0px;} .optimposts .type-product{width: 100%!important; margin:0;} .optimposts .type-product .post_image{max-height: inherit!important;} .optimposts .lay5_wrap .type-product .single_post_content {width: 100%;} .optimposts .lay5_wrap .type-product .imgwrap {width: 100%;} .optimposts .lay5_wrap .type-product{ float:left;} .page .page_head .postitle, .page .single_post .postitle, .archive .single_post .postitle {font-size: 24px!important;} .page_head{ min-height:initial!important;} .page_head .pagetitle_wrap{position:relative!important;} .head_switch{ bottom:10px;} .selected_slide .nivo-controlNav {bottom: 30px!important;text-align: left;padding-left: 10px;z-index: 999;} .home .selected_slide .nivo-controlNav{ text-align:center;} #ast_related .panel-container .rel_tab{ width:48%;} #sidebar .widget_wrap {padding: 0 25px;} .comm_wrap p{ width:100%;} .related_img {height: auto!important;} #ast_related .panel-container .rel_tab {width: 100%;} .related_img img{vertical-align: bottom;} /*Comments*/ .comm_wrap, .comment-form-comment{width:100%;} /*Under Construction*/ .under-construction-inner{margin-left: auto;width: 270px;min-width: 270px;float: none;margin: 0 auto;} .under-construction-inner #countdown_mntnc li{margin-left: -5px;width: 70px;} .under-construction-inner #countdown_mntnc li:nth-child(1), .under-construction-inner #countdown_mntnc li:nth-child(2){border-bottom:1px solid;} .under-construction-inner #countdown_mntnc li:nth-child(2){border-right:none;} .under-construction-message{ margin-top:20px;} body .lts_layout1 div.listing-item {height: auto!important;} .fourofour a{ font-size:170px;} .error_msg #searchform #s{width:60%;} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{ width:48%!important;} } @media screen and (max-width: 360px){ .site_boxed .layer_wrapper{width: 100%!important;float: none;margin:0!important;} .header{ height:auto;} .logo h1, .logo h2{ float:none; text-align:center;} .header2 .head_soc{width: 100%;text-align: center;} body .lay2 .hentry, .lay3 .hentry{ width:94%!important; margin-bottom:15px; height:auto!important; padding:2%!important;} body .lay4 .hentry{ width:90%!important;padding:5%!important;margin-bottom: 0;} body .lay4 .post_image, .lay4 .post_content{ width:100%;} .testi_content{ line-height:1.3em;} .more-link, .moretag{ float:none; text-align:center;} .ast_gall{ min-height:200px;} .ast_slider .nivo-caption{ width:90%; padding:5%;} .col2, .col3, .col4{ width:96%;} .act_left{ width:90%;padding:5%; text-align:center;} .act_right{margin:5%; width:90%;} .rel_content p{ display:none;} #submit{ font-size:18px;} .ast_gall{min-height:200px!important;} .comment-body{ width:98%;} .ast_navigation div {display: block;float: none; width: 100%;margin: 10px 0;} .ast_navigation a { display: block; padding: 10px;} .ast_navigation { margin-top: 0;} .edit_wrap a{ top:-22px;} a.comment-edit-link{ position:relative;top: -15px; float:right;} .nav-box.ast-prev, .nav-box.ast-next {width: 100%;background: rgba(0, 0, 0, 0.03);float: left;padding: 15px 0;margin-bottom: 10px;} #ast_nextprev .nav-box i{ display:none;} #ast_nextprev span.div_middle{ display:none;} .nav-box.ast-next img{margin-right: 15px!important;} .nav-box.ast-prev img{margin-left: 15px!important;} .woocommerce table.shop_table td, .woocommerce-page table.shop_table td{ font-size:10px; font-weight:bold; padding:0;} .woocommerce table.cart th {font-size: 13px;font-weight: bold;} .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {padding: .8em;} } /*STATIC SLIDER RESPONSIVENESS (Quick Fix v-0.2.2)*/ .touchon .stat_bg { background-size: 100%;} .touchon #slidera {background: none;} /*.touchon .stat_bg , .touchon .stat_bg_overlay {display: none;}*/ .stat_has_img .stat_content_inner {min-height: 250px;} .touchon .stat_has_img .stat_bg_img{ opacity:1;} .has_trans_header.touchon .stat_content_inner {bottom: 0!important;} @media screen and (max-width: 480px){ .touchon .stat_has_img .stat_content_inner{ padding-top:0!important;} } .frontpage_sidebar .widget {width: 100%;float: left; position:relative;} /*FOR demo*/ .home_wrap.layer_wrapper.wpdemowidgets {background-color: #fff;width: 100%;float: left;} .fixed_site.layer_wrapper.wpdemosite {display: none;} .wpdemowidgets .midrow {background-color: #f5f5f5;} .wpdemowidgets .midrow h3 {color: #555;} .wpdemowidgets .text_block {padding: 5% 10%;text-align: center;color: #fff;background-color: #333;font-size: 20px;} .wpdemowidgets span.about_pre, .wpdemowidgets .about_header, .home_title {color: #333;} .wpdemowidgets .optimizer_divider .div_left, .wpdemowidgets .optimizer_divider .div_right, .wpdemowidgets .optimizer_divider .div_middle .fa-stop {background-color: #333; color: #333;} /*Buddypress Fix*/ .activity.buddypress .comments_template { display: none;} /*Safari FIXES*/ .is_safari input[type="button"], .is_safari button {-webkit-appearance: none;-webkit-border-radius: 0;} .is_safari .top_head_soc a:hover{ transform:none; -webkit-transform:none;} .is_safari .lay1_wrap .img_hover{ transition:none; -webkit-transition:none;} .is_safari .lay1 .post_image {width: 100.4%;} .is_safari .lay1 .hentry {overflow: hidden;} /*vc_custom */ .header,.page_head ,#wpadminbar, .mobile_only { display:none; } /* background slider */ #bsm-bg { display:block; } #bsm-bgimg{ opacity:0.4; } #bsm-bg img { opacity:0.4 !important } .img_full_width img{ width:100% !important; max-width: 100% !important; } #donate_btn { position: absolute; width: 400px; max-width: 60%; height: auto; z-index: 9; top: 80px; } .clear-float { clear:both; } /*sub menu*/ .page-sub-menu-div { position: fixed; bottom: 60px; left: 0; width: 100%; display: table; margin: 0; padding: 0; z-index:5; } .page-sub-menu-div img { width:100%; height:auto; } .page-sub-menu-div .wpb_single_image .vc_figure { width:100%; } .page-sub-menu-div .vc_column-inner { padding:0; } .page-sub-menu { margin-bottom:0px; } .page-sub-menu .menu { width: 100%; display: table; margin: 0; padding: 0; z-index: 1; position: fixed; bottom: 60px; } .page-sub-menu .menu li{ opacity:0.7; padding: 10px 3%; list-style-type: none; margin: 0; display: table-cell; height: 70px; width: auto; line-height: 50px; text-align: center; white-space: nowrap; background: url("../../uploads/nav_calque.png") no-repeat; background-position: 50% 80%; } .page-sub-menu .menu li:hover{ opacity:1; } .page-sub-menu .menu li a { background: white; color: black; padding: 5px 10px; } .page-sub-menu-bg { display:block; width: 100%; height: 41px; background-color: #000; opacity: 0.9; position: absolute; bottom: 0; margin-bottom: 0px; z-index: 0; background-image: url("../../uploads/nav_dots.png"); background-repeat: repeat-x; background-position: 0 57%; } #pop_up_ad { position: fixed; display: block; height:100%; z-index: 999; width: 100%; left: 1%; top: 0; background-color :rgba(0, 0, 0, 0.4); cursor: pointer; } #pop_up_ad div,#pop_up_ad .wpb_single_image .vc_figure{ width:100%; height:100%; } #pop_up_ad .pop_up_ad_img_div { height: 90%; display: block; width: auto; position: relative; } #pop_up_ad .pop_up_ad_img_div img { max-height:100%; width:auto; display:block; position: relative; margin-left: auto; margin-right: auto; top:5%; } #pop_up_ad .pop_up_close_ad { width: 30px; height: 30px; position: fixed; top: 4%; left: 50%; z-index: 999; } #pop_up_ad .pop_up_close_ad img{ width:100%; height:100%; } /*social menu*/ .social_div { position: fixed; bottom: -20px; right: 20px; z-index: 8; } .social_div .wpb_single_image { display:inline-block; } /*content*/ .postitle, .entry-title { display:none; } #contents { width:90%; margin:0 5%; } .vc_gitem-post-data-source-post_excerpt { display:none; } .wpb_gmaps_widget .wpb_wrapper { padding:0px; } .tab_carousel { width: 90%; margin: auto; } .tab_carousel .vc_item{ max-height:2000px; margin-bottom: 0px !important; overflow:initial; } .vc_gitem_row .vc_gitem-col { padding: 10px; height: 99px; } .pp_pic_holder.pp_default ,.pp_overlay{ display:none !important; } .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item { padding-bottom:0px; height:100% !important; } .vc_images_carousel .vc_carousel-control { display:block; opacity:1 !important; } .vc_images_carousel .vc_carousel-control.vc_right { left: auto; right: -40px !important; } .vc_images_carousel .vc_carousel-control.vc_left { left: -40px !important; right: auto; } .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner { left: 0; position: relative; width: 100%; height: 100%; } .no_padding { background: rgba(0,0,0,0.4); padding: 40px; margin: 0; } .no_padding .vc_column-inner { padding:0px !important; } /*index page*/ #bg_carousel { position: fixed !important; z-index: -1; top: 0; left: 15px !important; height: 100%; min-height:100%; min-width: 1920px !important; opacity: 0.3; } #bg_carousel img { max-width: 100%; min-height: 100%; width: 100%; height: 100%; top: 0; position: relative; } .mobile_bg img{ position: fixed; height: 100%; width: auto; max-width: initial; z-index: -1; bottom: 0; left: 0; opacity: 0.3; } .wpcf7-form { overflow:hidden; } .wpcf7-text { padding: 2px 0; border: none; background: none; width: 42%; border: none; color:white } .wpcf7-control-text { display: inline-block; width:24%; } .wpcf7-submit { float: right; padding: 10px 35px; border: none; font-size: 14px; cursor: pointer; background: #0e4fa0 !important; color: white !important; } .submit_tr { background:none !important; } .submit_tr td{ padding:20px 0 20px 20px !important; } .wpcf7-form-control-wrap{ display: inline-block; width:100%; } .slidesjs-slide { margin-bottom: 0; margin-top: 0; margin-left: 15px; margin-right: 15px; } .thn_post_wrap img { max-width: 100%; height:auto; width: 100%; display: block; } .wpb_single_image .vc_single_image-wrapper { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; bottom: 0; position: relative; } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0px; } .wpb_single_image .vc_figure { display: inline-block; vertical-align: top; margin: 0; width: 100%; max-width: 100%; } .vc_tta.vc_general .vc_tta-panel-body { padding: 0px !important; margin: 0px !important; border: 0 !important; } .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) { padding-bottom: 0px !important; } .vc_tta-tabs.vc_tta-has-pagination .vc_pagination { top: 430px !important; z-index: 999; } .vc_tta-container { margin-bottom: 0px !important; } .vc_general.vc_pagination .vc_pagination-trigger { height: 11px !important; width: 11px !important; } .vc_pagination.vc_pagination-style-outline .vc_pagination-trigger { border: 2px solid !important; border-color:#0d4fa0 !important; } .vc_pagination-color-peacoc.vc_pagination-style-flat .vc_pagination-trigger, .vc_pagination-color-peacoc.vc_pagination-style-outline .vc_active .vc_pagination-trigger, .vc_pagination-color-peacoc.vc_pagination-style-outline .vc_pagination-trigger:hover { background-color: #0d4fa0 !important; } .vc_column_container>.vc_column-inner { padding:0 !important; height: 100%; } .wpb_wrapper { height: 100%; width: 100%; } .org_comment a, .thn_post_wrap a:link, .thn_post_wrap a:visited, .lts_lightbox_content a:link, .lts_lightbox_content a:visited, .athor_desc a:link, .athor_desc a:visited { color:#0d4fa0; } .vc_row { margin:0; } .header_menu_desktop { display:block; width:100%; } .header_menu_main { max-width: 1100px; margin: auto; padding: 30px; position: relative; } .header_menu_desktop .menu { display: inline-block; padding: 20px 20px 0 20px; vertical-align: middle; } .header_menu_desktop .menu ul { list-style-type: none; } .header_menu_desktop .menu li { display: inline-block; } .header_menu_desktop .menu li a{ color: #0d4fa0 !important; font-weight: 600; font-size: 17px; } .header_menu_right { display: block; right: 30px; top: 50%; width: auto; position: absolute; } .header_menu_right a{ padding:0 5px; } .header_menu_right a img{ width: 20px; } .menu-main-menu-container { width: auto; display: inline-block; } #menu-main-menu li ul.sub-menu, #top_nav li ul{display:none!important;} #menu-main-menu li:hover ul.sub-menu, #top_nav li:hover ul{display:block!important;} #menu-main-menu .sub-menu { position: absolute; padding: 10px 0 0 0; margin-top: 0px; z-index: 999; min-width: 120px; } #menu-main-menu .sub-menu li{ display: block; text-align: left; margin-left: 0; color: #646464; background: #e6e4e4; border-top:2px solid white; } #menu-main-menu .sub-menu li:hover{ color:white; background: #7697bf; } #menu-main-menu .sub-menu li a{ color: #646464 !important; font-weight: lighter !important; font-size: 14px !important; padding: 10px 20px; background: #e6e4e4; display: block; } #menu-main-menu .sub-menu li>a:hover{ color: white !important; background: #7697bf; } .logo_desktop { display: inline-block; vertical-align: middle; } .page-sub-menu .menu { width: 100%; display: table; margin: 0; padding: 0; z-index: 1; position: fixed; bottom: 30px; } .page-sub-menu .menu li { opacity: 0.8; padding: 10px 3%; list-style-type: none; margin: 0; display: table-cell; height: 70px; width: auto; line-height: 50px; text-align: center; white-space: nowrap; } .not_frontpage.single-post a.prettyphoto.hasimg { max-height: 180px; overflow: hidden; } /*CUSTOM CSS HERE_ALL_*/ .blue{ color: #0e4fa0 !important; } .blue_bg{ color: white !important; background: #0e4fa0 !important; } .dark-blue{ color: #667fbc !important; } .dark-blue_bg { color: white !important; background: #667fbc !important; } .lighter-blue { color: #f3e5ff !important; } .lighter-blue_bg { color:white !important; background: #62427e !important; } .pink { color: #f37a7a !important; } .pink_bg { color:white !important; background: #f37a7a !important; } .light-pink { color: #f05ab2 !important; } .light-pink_bg { color: white !important; background: #f05ab2 !important; } .orange { color: #f79b23 !important; } .orange_bg { color:white !important; background: #f79b23 !important; } .dark-orange { color: #f46b30 !important; } .dark-orange_bg { color:white !important; background: #f46b30 !important; } .brown { color: #bb9375 !important; } .brown_bg { color:white !important; background: #bb9375 !important; } .light-blue{ color: #00a0c2 !important; } .turqoise{ color: #5bb8ac !important; } .turqoise_bg { color: white !important; background: #5bb8ac !important; } .purple{ color: #c6329a !important; } .purple_bg{ color: white !important; background: #c6329a !important; } .red{ color: #cc1c16 !important; } .red_bg { color: white !important; background: #cc1c16 !important; } .olive { color: #a2a21e !important; } .olive_bg { color:white !important; background: #a2a21e !important; } .olive_acc strong,.olive_acc .vc_tta-title-text { color: #a2a21e !important; } .white { color: white !important; } .black { color:black !important; } .med { font-size:16px !important; } strong { font-size: 28px; line-height: 1.2; font-weight: 100; } table strong { font-size: 14px; font-weight: bold; } .small-strong strong { font-size: 16px; line-height: 1.2; font-weight: 600; } .table_title { background: #e1efff !important; font-weight: bold; } a, p { word-break: break-word; } .text_nofloat p { clear:inherit !important; } .single_post { padding: 0; position: relative; max-width: 100%; margin: auto; } select { color: black; background: white; height: 30px; border: 0; text-decoration: none; margin-bottom: 10px; margin-right: 20px; } .lay1 { width: 90%; float: left; padding: 40px 5%; } .lay1 h2 { border-bottom: 1px solid #0d4fa0; padding-bottom: 5px; } .lay1 .post_image { width: 80%; padding: 10px; position: relative; overflow: hidden; max-height: 260px; } .lay1 .post_image a{ color: #3590ea; } .moretag { width: 100px; background: #fb9200; font-size: 12px; color: white !important; opacity: 1; border: 0; float: left; } .center { width: 100%; margin: 0 auto; } .desktop_only { display:block !important; } .mobile_only { display:none !important; } #event_row #event_div { position: absolute; width: 1100px; padding: 30px; max-width: 1100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #event_row { background: url("../../uploads/main-bg-1a.jpg"); background-size: 100% auto; background-position-y: 0; background-repeat: no-repeat; background-color:white; } .not_frontpage #carousel_row { position:relative; max-height:310px; overflow:hidden; } #carousel_row, .page-id-8234 #carousel_row { position:relative; max-height:510px; overflow:hidden; } .home .breadcrumbs { display:none; } .faded_banner { position:absolute; right:0; height:100%; top:0; z-index:2; } .faded_banner img { min-height: 0px !important; width: 100% !important; height: 100% !important; max-width: none !important; min-width: 100% !important; text-align: right !important; margin: 0 !important; /* margin-right: 100%; */ } .caro_page_title, .caro_title , .caro_subtitle ,.caro_excerpt, .caro_btn { z-index:1; } .caro_page_title { position: absolute; top: 180px; font-size: 58px; right: 20%; text-align: left; z-index:9; } .caro_page_title strong { font-size: 58px ; } .caro_btn { position: absolute; left: 60%; top: 60%; } .caro_section img { opacity:1; } .quote_img { position: relative; z-index: 1; top: 20px; width: 80%; left: 0; right: 0; margin-right: auto; margin-left: auto; padding-bottom:30px; max-width: 1120px; } .event_bg { height:auto; } .paynow-logo { position: relative; top: 25%; left: 7%; margin-left: auto; margin-right: auto; width: 60%; max-width: 856px; padding-bottom: 75px; } .paynow-logo img{ width: 125px; padding-top:30px; } .home-logo { max-width: 250px; } .home-logo-cojtc { max-width: 125px; margin: 0px auto; } .contact_table table#contact tr { background-color: transparent !important; border: none; } .contact_table table#contact td { padding: 0px !important; } #wishlist_div, #wishlist_div2, #services_div, #services2_div, #services3_div, .services4_title, #services4_div, .volunteer_div{ position: relative; top: 25%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; } .page-id-522 #wishlist_div { top:0; width:90%; padding: 0 0 100px 0 !important; } #wishlist_div ul { list-style-type: disc; } #services4_div { padding:20px; /*background:white;*/ } #services_div .wpb_column , #services2_div .wpb_column, #services3_div .wpb_column, #services4_div .wpb_column{ padding: 0 10px; overflow:hidden; } #services_div .vc_col-sm-2 { width:20%; } #services_div .wpb_single_image, #services2_div .wpb_single_image, #services3_div .wpb_single_image{ position:relative; overflow:hidden; max-height: 390px; } #services_div .wpb_text_column, #services2_div .wpb_text_column, #services3_div .wpb_text_column{ padding: 20px; } .service_img7 img { height:283px; } .service_img8 img { height:387px; } .impact_btn { width:35.33333333%; padding:10px; margin: auto; display: none; } .impact_btn a { width: 100%; font-size: 16px !important; cursor: pointer; font-weight: bold; background-color: #bb9375; height: 60px; padding: 20px !important; box-shadow: none; } #services_div .service_btn, #services2_div .service_btn , #services3_div .service_btn { font-size:16px !important; cursor:pointer; font-weight: bold; } .blackout_text { position: absolute; top: 0px; left: 0px; z-index: 1; background: rgba(0, 0, 0, 0.5); color: white; padding: 0 !important; width: 100%; height: 100%; display:none; } .blackout_text .wpb_wrapper { width: 90%; margin: 35% 5%; } .service_blackout2 .wpb_wrapper, .service_blackout3 .wpb_wrapper { width: 90%; margin: 7% 5%; } .cover-horz .blackout_text .wpb_wrapper { margin: 14% 5%; } .blackout_text a { padding: 8px; border: 2px solid white; border-radius: 10px; color: white !important; display: block; margin: auto; margin-top: 10px; width: 80px; font-size:12px; } .blackout_text p{ padding: 1% 0%; text-align: center; } .blackout_btn { position: absolute; z-index: 2; bottom: 5%; left: 100%; margin-bottom: 0; width: 40%; display:none; text-align:center; } .blackout_btn .vc_btn3 { font-size: 12px; padding: 8px 13px !important; } .coverbtn { display:block; position: absolute; top: 0px; left: 0px; right: 10px; z-index: 3; background: none; /* color: white; */ width: 100%; height: 100%; display: block; margin-bottom: 0px; opacity:0; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=0); /* Older than Firefox 0.9 */ -moz-opacity:0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0; } .coverbtn a { width:100%; height:100%; } .not_frontpage .wpb_text_column ul { /*list-style-image: url('../../uploads/arrow-pt_g.png');*/ padding:0 0 0 0px !important; } .push_up { margin-top: -7.5%; } #wishlist_div .groceries { width: 18%; height: 386px; background: #1f9fc9; margin: 0; color:white; cursor:pointer; font-size: 16px; font-weight:bold; } #wishlist_div .groceries_logo img{ width: 100px; height: 100px; margin: auto; padding: 50% 0 0 0; } #wishlist_div .needs { width: 18%; height: 386px; margin: 0; color:white; cursor:pointer; font-size: 16px; font-weight:bold; } #wishlist_div .needs_logo{ width: 100%; height: 193px; margin: 0; background: #0dc3b0; box-sizing: border-box; } #wishlist_div .needs_logo img{ width: 100px; height: 100px; margin: auto; padding: 10% 0 0 0; } #wishlist_div .others_logo{ width: 100%; height: 193px; margin: 0; background: #ce0071; box-sizing: border-box; cursor:pointer; } #wishlist_div .others_logo img{ width: 100px; height: 100px; margin: auto; padding: 10% 0 0 0; } #wishlist_div .wishlist_text_full { height: auto; min-height: 386px; width: 100%; background: #f5f5f5; padding: 40px; } #wishlist_div .wishlist_text { height: auto; min-height: 386px; width: 32%; background: #f5f5f5; padding: 40px; } #wishlist_div .wishlist_title1, #wishlist_div .wishlist_title2 { font-size: 25px; margin-bottom:20px; } .accordion_place #wishlist_div .wishlist_text { height: 250px; width: 100%; background: #f5f5f5; padding: 40px; } .accordion_place #wishlist_div .groceries { width: 32%; height: 160px; background: #1f9fc9; margin: 0; color: white; display: inline-block; vertical-align:top; font-size: 16px; font-weight:bold; } .accordion_place #wishlist_div .groceries strong, .accordion_place #wishlist_div .needs strong{ font-size: 16px; font-weight:bold; } .accordion_place #wishlist_div .groceries_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 0; } .accordion_place #wishlist_div .needs { width: 68%; height: 160px; margin: 0; color: white; display: inline-block; font-size: 16px; font-weight:bold; } .accordion_place #wishlist_div .needs_logo { width: 50%; height: 160px; margin: 0; padding: 0; background: #354a9a; display: inline-block; } .accordion_place #wishlist_div .needs_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 13% 0 0 0; } .accordion_place #wishlist_div .others_logo { width: 50%; height: 160px; margin: 0; background: #ce0071; position: absolute; display: inline-block; padding: 0; } .accordion_place #wishlist_div .others_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 13% 0 0 0; } .accordion_place #wishlist_div .wishlist_text { height: auto; min-height:0; width: 100%; background: #f5f5f5; padding: 0px 40px; position: initial; display: block; } .wishlist_page_text ul { padding-left:40px !important; } .wishlist_text1, .wishlist_text2, .wishlist_title1, .wishlist_title2 { display:block; } .groceries_text1, .groceries_text2, .needs_text1, .needs_text2, .others_text1, .others_text2 { display:none; } .wishlist_texttop1 { padding-top:40px !important; } .wishlist_texttop2 { padding-bottom:40px !important; } #eventlist_div { position: relative; top: 25%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; } #eventlist_div .flexslider { margin:0; border:0; box-shadow:none; width:100%; background:none; } #eventlist_div .link_image.hasimg { width: 48%; overflow: hidden; display: inline-block; } #eventlist_div .flexslider .slides img { width: auto; height: 317px; max-width:none; display: inline-block; margin-top: 28px; } #eventlist_div .flex-caption { display: inline-block; width: 38%; position: relative !important; height: 238px; float: left; margin-top: 28px; padding:40px } #eventlist_div .eventlist_title { font-size: 25px; position: absolute; z-index: 11; left: 40px; top: 70px; text-align:left; } #eventlist_div .flex-caption .post-title, #eventlist_div .flex-caption .post-title a{ color: #419dbb; margin-top:50px; margin-bottom:10px; } #eventlist_div .video_div { margin-top:28px; width:25%; height:317px; background: url("../../uploads/corportaevideo.jpg"); background-size:cover; } #eventlist_div .video_holder { height:60%; } #eventlist_div .video_text { height: 23%; padding: 10%; color:white; } #eventlist_div .video_text p{ padding-top:10%; } #eventlist_div .vc_col-sm-9{ width:75% !important; } #eventlist_div .flex-prev, #eventlist_div .flex-next { display:none !important; } #eventlist_div .flex-control-nav { position: absolute; left: 35%; /* right: 0; */ top: 84%; bottom: auto; width: auto; } .flex-control-paging li a { background: #c5c5c5 !important; background: rgba(197,197,197,.9) !important; } .flex-control-paging li a.flex-active { background: #fb9200 !important; background: rgba(251,146,0,.9) !important; } .IPClist_div{ margin-top: 75px; width: 100%; background: url(https://lionshome.org.sg/wp/wp-content/uploads/main-bg-2-1.jpg); background-position: bottom left; background-repeat: no-repeat; background-size: contain; } .IPClist_div_inner{ position: relative; top: 25%; left: 7%; margin-left: auto; margin-right: auto; width: 60%; max-width: 856px; } .event_bg_btm { margin-top:50px; } .event_bg_btm img { min-height: 400px; width: auto; min-width: 100%; max-width: 1000%; /* margin-left: -9%; */ } #volunteerlist_div { height: auto; margin: 0; padding: 40px 0 20px 40px; background: url("../../uploads/givingbg.jpg"); background-size:cover; } #volunteerlist_div .vc_tta-tabs.vc_tta-has-pagination .vc_pagination { left: 10px; right:inherit !important; } .volunteer_div { min-height: 350px; } .volunteer_div .wpb_column { padding: 20px; width: 40%; } .home-volunteer-logo-row .wpb_column { width: 20%; } .giving_hand { width: 33%; position: absolute; bottom: -20px; right: 0; max-width:550px; } .giving_div { padding:0px !important; } #footer_div { position: relative; top: 10%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; line-height:1.4em; } #footer_div strong { color:white; font-size:16px !important; font-weight:bold; } #footer_div a{ color:white; display:inline-block; } #footer_div img { padding:0 10px; display:inline-block; } #footer_div .btmfooter_row{ width: 100%; display: inline-block; padding:0; vertical-align: top; } #footer_div .topfooter_row{ width: 100%; display: inline-block; padding:0; vertical-align: top; line-height:1.3em; } #footer_div .btmfooter_row{ padding-top:20px; } #footer_div td { width: 20%; padding: 0 3% 0 0; display:table-cell; } #footer_div hr { height: 1px; background: #313131; } #lion_logo_text { display: inline-block; width: 69%; padding: 10px 0 0 10px; vertical-align: middle; } .lion_logo { display:inline-block; vertical-align: middle; } .not_frontpage .breadcrumbs{ width: 90%; height: auto; position: absolute; top: 80%; right: 20%; z-index: 99; color:#909090; text-align:right; line-height:1.2; } .not_frontpage .breadcrumbs a { color: #909090 !important; } .not_frontpage .breadcrumbs .current-item { color: #7697bf !important; } .not_frontpage .dandelion-left { position: absolute; width: 20%; min-width: 230px; max-width:236px; left: 0; } .not_frontpage .dandelion-right { position: absolute; width: 10%; right: 50px; top:20px; min-width: 140px; max-width:141px; } .not_frontpage #event_row { background: url("../../uploads/main-bg-1aa.jpg"); background-size: 100% 100%; background-position-y: 0; background-repeat: no-repeat; background-color:white; min-height: 880px; } .not_frontpage #wishlist_div, #wishlist_div2 { padding: 100px 0; } .not_frontpage .page_sidebar { width: 250px; } .not_frontpage .page_sidebar .sidebar_image{ width: 100%; display:block; } .not_frontpage .page_sidebar .side_menu{ width: 100%; display: block; } .not_frontpage .wishlist_page_text { padding: 40px; background: white; margin-left: 3%; width: 74%; min-height:700px; } #wishlist_div2 .wishlist_page_text { min-height:0; } .not_frontpage .wishlist_page_text .wpb_text_column { display:flex; } .not_frontpage .wishlist_page_text img { width:30%; max-width:300px; } .not_frontpage .wishlist_page_text .fullimg img { width:100%; max-width:1920px; } .not_frontpage .wishlist_page_text .nolimitsize img { width:100%; max-width:100%; } .not_frontpage .wishlist_page_text .halflimitsize img { width:40%; max-width:inherit; } .not_frontpage .side_menu ul { list-style-image: url('../../uploads/arrow.png'); color: white; padding:40px 20px; } .not_frontpage .side_menu .sub-menu { padding:0 20px; } .not_frontpage .side_menu ul .current_page_item>a{ opacity:0.7; } .not_frontpage .side_menu.white ul li a { color: white; } .not_frontpage .full_img img{ width:100% !important; max-width:100% !important; } .not_frontpage .wishlist_page_quote { /*font-family: 'BOD_B';*/ font-size: 20px; color:white !important; line-height: 1.3; width: 100%; padding: 0 5%; } .not_frontpage .wishlist_page_quote strong{ font-size: 30px; } .not_frontpage .flexslider { width: 100%; padding: 0; margin: 0; border: 0; border-radius: initial; box-shadow: none; display: inline-block; } .not_frontpage .sub_flex_text { width: 100%; display: inline-block !important; padding:0; } .not_frontpage .sub_flex_gallery { display: block; vertical-align: top; width: 100%; } .not_frontpage .sub_flex_gallery .flex-control-paging { display:none; } .not_frontpage .sub_flex_gallery .flex-direction-nav a { text-decoration: none; width: 35px; height: 35px; margin: 0; top: 90%; opacity: 1; font-size:0px; cursor: pointer; color: #e2e6e7; text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-transition: all .3s ease; transition: all .3s ease; } .not_frontpage .sub_flex_gallery .flex-next { background: url(../../uploads/flexarrow-right1.jpg); width:35px !important; height:36px !important; right:0px !important; background-color: #1051a0; } .not_frontpage .sub_flex_gallery .flex-prev { background: url(../../uploads/flexarrow-left1.jpg); width:35px !important; height:36px !important; left: inherit !important; right: 35px; } .not_frontpage .sub_flex_gallery .slides img { width: 100%; max-width:100%; } .flex-direction-nav a:before { font-family: flexslider-icon; font-size: 0px !important; display: none; content: '\f001'; } .idonate-div, #onlineform, .flex_print_div, #wpcf7-f806-p805-o1 { width: 100%; padding: 20px 0; height: auto; background-color: white; opacity: 1; position: relative; color: black; } .idonate-div td, #onlineform td, .wpcf7-form td{ display:table-cell; } .idonate-div input, #onlineform input { color:black; background:white; } .idonate-div textarea, #onlineform textarea{ width:100%; background:white; } .idonate-table { width:100%; display:inline-table !important; } #idonate-btn { width: 120px; height: 40px; background: #0e4fa0; cursor: pointer; color: white; float: right; font-size: 14px; } .flex_print_div .printomatic { margin:auto; } .wpcf7-form p{ padding:10px 0px; } .wpcf7-text { padding: 2px 0; border: none; background: white; width: 100%; border: none; color: black; } .ajax-loader { width:30px !important; height:30px !important; padding: 0 0 50px 0; } div.wpcf7-response-output { margin: 4em 0.5em 1em; padding: 0.2em 1em; } .wpcf7-textarea { padding: 2%; border: none; background: white; width: 96%; min-height: 100px; border: none; height: 100px; color: black; } #wpcf7-f599-p598-o1 .wpcf7-not-valid-tip { color:red; } input.wpcf7-form-control.wpcf7-submit { margin-top: 0px; } /*ACCORDION*/ .accordion_place { display:block !important; } #fund-accordion p,#fund-accordion ol { padding: 0 20px; } #fund-accordion .fund-title { border:1px #f0f0f0 solid; background-color: #f8f8f8; padding:20px; cursor:pointer; } #fund-accordion .fund-title img { width: 8px; height: 9px; display: inline-block; vertical-align: middle; padding-right: 10px; transform: rotate(90deg); } #fund-accordion .fund-t { border-color: #f0f0f0; background-color: #f3f3f3; padding:20px; display:block; } #fund-accordion strong,#fund-accordion .vc_tta-title-text { font-size:14px; line-height:1; font-weight:bold; } #fund-accordion .vc_tta-title-text{ color:#bb9375; } .upcoming_masonry .vc_gitem-post-data-source-post_excerpt { display:block !important; } .vc_gitem_row .vc_gitem-col { padding: 20px; height: auto; min-height: 155px; } .vc_gitem-zone-img { max-height: 230px; } .wpb_image_grid .wpb_image_grid_ul .isotope-item { list-style: none; margin: 0; padding:3%; max-width: 40%; float: left; } .wishlist_page_text ul { padding-left: 0px !important; } .caro_excerpt a, .volunteer_div a { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; background: #0d4fa0; color: white !important; border-radius:10px; border: 1px solid transparent; box-sizing: border-box; word-wrap: break-word; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; top: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; line-height: normal; font-size: 14px; padding: 14px 20px; } .management_board strong{ font-size: 16px; line-height: 1.2; font-weight: 600; } .financial_table { text-align:left; } .financial_table strong{ font-size:16px; font-weight:bold; } .search_term #searchform #s, .error_msg #searchform #s { font-size: 16px; border: none; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset; width: 70%; padding: 20px; margin-top: 30px; margin-bottom: 30px; background: rgba(0, 0, 0, 0.04); color: black; } .address-text { width:45%; display:inline-block !important; vertical-align:top; } .map-text { display: inline-block !important; width: 53%; } .gallery_table { width:100%; } .gallery_table tr { text-align:center; background:none !important; padding:0 !important; } .gallery_table td { padding:0 !important; } /*Update 5/5/2020*/ .accor_style { background-color: #ecf0fb; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_plus.png"); background-repeat:no-repeat; background-position: right 15px center; } .accor_style.vc_toggle_active{ background-color: #ecf0fb; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_minus.png"); background-repeat:no-repeat; background-position: 96% 25px; } .accor_style_pink { background-color: #ffe4e4; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_plus_pink.png"); background-repeat:no-repeat; background-position: right 15px center; } .accor_style_pink.vc_toggle_active { background-color: #ffe4e4; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_minus_pink.png"); background-repeat:no-repeat; background-position: 96% 25px; } .accor_style_brown { background-color: #f9f2eb; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_plus_brown.png"); background-repeat:no-repeat; background-position: right 15px center; } .accor_style_brown.vc_toggle_active { background-color: #f9f2eb; padding:10px; border-radius:15px; background-image:url("https://lionshome.org.sg/wp/wp-content/uploads/accor_minus_brown.png"); background-repeat:no-repeat; background-position: 96% 25px; } .vc_toggle_size_md.vc_toggle_default .vc_toggle_title { padding-right: 24.4px; } .accor_style.purple_title .vc_toggle_title h4 { color:#62427e; } .accor_style_pink.pink_title .vc_toggle_title h4 { color:#f37a7a; } .accor_style_brown.brown_title .vc_toggle_title h4 { color:#a97854; } .accor_style .vc_toggle_title .vc_toggle_icon, .accor_style_pink .vc_toggle_title .vc_toggle_icon, .accor_style_brown .vc_toggle_title .vc_toggle_icon { display:none; } .accor_style .vc_toggle_content, .accor_style_pink .vc_toggle_content, .accor_style_brown .vc_toggle_content { width:90%; } .accor_style .idonate-div table tr:nth-child(odd), .accor_style #onlineform table tr:nth-child(odd) { background: none; border: none!important; } .accor_style .idonate-div table tr:nth-child(even), .accor_style #onlineform table tr:nth-child(even) { background: none; border: none!important; } .pom-default { margin: auto; } .accor_style .idonate-div,.accor_style #onlineform,.accor_style .flex_print_div,.accor_style #wpcf7-f806-p805-o1{ background:none; padding:0; } #wishlist_div_hidden, #wishlist_div_title_hidden { position: relative; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; display:none; background: #eff8ff; } #wishlist_div_hidden .hidden_text, #wishlist_div_title_hidden .hidden_text { display:none; padding:0 40px; } .wishlist_inner_text { max-width: 1120px; margin-left: auto; margin-right: auto; padding: 0 5%; } .wishlist_inner_text .vc_col-sm-9 { width:75% !important; } .wishlist_div_text { position: relative; top: 0; left: 0; right: 0; margin-left: auto !important; margin-right: auto !important; width: 90%; max-width: 1120px; background: #eff8ff; padding:0; } .wishlist_div_no_top { padding:0 !important; } .wishlist_div_no_btm { padding-bottom:0 !important; } .wishlist_div_text .wishlist_text_full { height: auto; width: 100%; background: #eff8ff; padding: 40px; } .delivery_truck { max-width:115px !important; } #wishlist_div .wishlist_text_icon { height: auto; width: 14%; background: #eff8ff; padding:0 20px; } #wishlist_div .wishlist_text_icon_inner { height: auto; width: 22%; background: #eff8ff; padding:0 2%; } #wishlist_div .wishlist_text_icon img { width:100%; max-width:105px; margin:auto; } #wishlist_div .wishlist_text_icon_side { height: auto; width: 29%; background: #eff8ff; padding:0 20px; display:block; } #wishlist_div .wishlist_text_icon_side_inner { height: auto; width: 17%; background: #eff8ff; padding:0 20px; display:block; } #wishlist_div .wishlist_icon_img { cursor: pointer; margin: auto; max-width: 105px; } .IPC_text_full{ padding:40px; } .IPC_QRcode { width:100% !important; } .IPC_QRcode_div { display: inline-block; width: 25%; max-width:150px; vertical-align: top; } .IPC_text_div { display: inline-block; width: 65%; margin-left:5%; line-height:1.3; } .IPC_left_padding { padding-left:25%; } .IPC_text_btm { padding:0 40px 100px 40px; background: url(https://lionshome.org.sg/wp/wp-content/uploads/main-bg-2-1.jpg); background-position: bottom left; background-repeat: no-repeat; background-size: 100%; } #wishlist_div .wishlist_icon_img_hide { cursor:pointer; display:none; max-width: 105px; margin:auto; } @-webkit-keyframes load7{ 0%,100%,80%{box-shadow:0 2.5em 0 -1.3em rgba(14,79,160,.75)} 40%{box-shadow:0 2.5em 0 0 rgba(14,79,160,.75)}} @keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em rgba(14,79,160,.75)} 40%{box-shadow:0 2.5em 0 0 rgba(14,79,160,.75)}} /*CUSTOM CSS HERE_XL_*/ @media screen and (min-width:1250px ){ .caro_section { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; text-align: right; } .not_frontpage .caro_section img { min-height: 310px; width: auto; height: 310px; max-width: none; min-width: auto; text-align: right; margin: 0; /* margin-right: 100%; */ } .caro_section img, .page-id-8234 .caro_section img { min-height: 510px; width: auto; height: 510px; max-width: none; min-width: 100%; text-align: right; margin: 0; /* margin-right: 100%; */ } .caro_title { position: absolute; top: 28%; font-size: 30px; left: 60%; text-align: left; } .caro_title strong { font-size: 48px; } .caro_subtitle { position: absolute; top: 39%; font-size: 22px; left: 60%; text-align: left; } .caro_excerpt { position: absolute; top: 46%; font-size: 14px; left: 60%; text-align: left; max-width: 400px; } } /*CUSTOM CSS HERE_L_*/ @media screen and (min-width:950px ) and (max-width:1250px){ .header_menu_desktop .menu li a { color: #0d4fa0; font-weight: 600; font-size: 15px; } .caro_section { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; text-align: right; } .not_frontpage .caro_section img { min-height: 310px; width: auto; height: 310px; max-width: none; min-width: auto; text-align: right; margin: 0; /* margin-right: 100%; */ } .caro_section img { min-height: 510px; width: auto; height: 510px; max-width: none; min-width: auto; text-align: right; margin: 0 0 0 -35%; /* margin-right: 100%; */ } .caro_title { position: absolute; top: 30%; font-size: 30px; left: 60%; text-align: left; } .caro_page_title { position: absolute; top: 180px; font-size: 58px; right: 70px; text-align: left; z-index:9; } .not_frontpage .breadcrumbs { width: auto; height: auto; position: absolute; top: 80%; right: 70px; z-index: 99; color: black; text-align: right; } .caro_subtitle { position: absolute; top: 37%; font-size: 18px; left: 60%; text-align: left; } .caro_excerpt { position: absolute; top: 44%; font-size: 13px; left: 60%; text-align: left; max-width: 360px; } .not_frontpage .page_sidebar { width: 250px; } .not_frontpage .wishlist_page_text { padding: 40px; background: white; margin-left: 3%; width: 67%; } /*Update 5/5/2020*/ .wishlist_inner_text .vc_col-sm-3 { width:250px; } .wishlist_inner_text .vc_col-sm-9 { width: 67% !important; margin-left: 3%; } #wishlist_div_hidden .vc_col-sm-3 { width:50% !important; } } /*CUSTOM CSS HERE_M_*/ @media screen and (max-width: 951px){ body{ background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px !important; color:black; opacity:1;} .IPClist_div{ margin-top: 75px; width: 100%; } .IPClist_div_inner,.paynow-logo{ position: relative; top: 25%; left:0; margin-left: auto; margin-right: auto; width: 90%; max-width: 856px; } .paynow-logo img{ width: 125px; margin: 0; height: auto; } #IPC_mobile_img { width:1000px !important; max-width: 1000px !important; } .header_menu_desktop { display:none; } .vc_column_container>.vc_column-inner { box-sizing: border-box; padding-left: 0px !important; padding-right: 0px !important; width: 100%; } .vc_row { margin-left: 0px; margin-right: 0px; } #bg_carousel { display:none; } #bsm-bg { display:none; } #contents { width:100%; margin:0; margin-top: 100px; } .mobile_bg img{ position: fixed; height: 100%; width: auto; max-width: initial; z-index: -1; bottom: 0; left: -50%; opacity: 0.4; } .header { display:block !important; position:fixed !important; top:0; z-index:999; } .page-sub-menu-div { position: relative; bottom: 60px; left: 0; width: auto; display: table; margin: 0; padding: 0; background:none; width:100%; } .page-sub-menu-div .vc_column-inner { padding:0; } .page-sub-menu { margin-bottom:0px; } .page-sub-menu .menu { width: 100%; display: block; margin: 0; padding: 0; bottom:0px; z-index: 2; position: relative; } .page-sub-menu .menu li{ opacity: 1; padding: 0; list-style-type: none; display: inline-block; margin: 0px; text-align: left; height: auto; width: auto; line-height: 3.3em; white-space: nowrap; background: none; /* background-position: 50% 80%; */ } .page-sub-menu .menu li:hover{ opacity:1; } .page-sub-menu .menu li a { background: white; color: black; padding: 10px 10px; margin: 0 2px; } .page-sub-menu-bg { display:none; } .social_div { position: relative; bottom: 0px; left: 15px; z-index: 2; } .home.has_trans_header .header, .home.has_trans_header.page.page-template-page-frontpage_template .header { background: black!important; } .tab_carousel .vc_item{ max-height:200px; margin-bottom: 20px !important; overflow: hidden; } .logo { float: left; max-width: 100%; margin-left: 30px; } .head_inner { background: white; } .head_inner .desc { display:none; } #eventlist_div .link_image.hasimg { width: 100%; overflow: hidden; display: inline-block; } #eventlist_div .video_div { margin-top: 28px; width:100%; height: 100%; background: url("../../uploads/corportaevideo.jpg"); } #event_row #event_div { position: absolute; width: 90%; padding: 30px; max-width: 1100px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #eventlist_div .vc_col-sm-9{ width:100% !important; } .center { width: 100%!important; } .single_post { padding: 0; position: relative; max-width: 950px; margin: auto; } .caro_section { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; text-align: right; } .not_frontpage .caro_section img { min-height: 310px; width: auto; height: 310px; max-width: none; min-width: 100%; text-align: right; margin: 0; opacity: 0.3; /* margin-right: 100%; */ } .caro_section img { min-height: 510px; width: auto; height: 510px; max-width: none; min-width: 100%; text-align: right; margin: 0 0 0 -35%; opacity: 0.3; /* margin-right: 100%; */ } .caro_title { position: fixed; top: 30%; font-size: 30px; left: 30%; text-align: left; } .caro_page_title { right: 50px; } .not_frontpage .breadcrumbs { right: 50px; } .caro_subtitle { position: fixed; top: 36%; font-size: 18px; left: 30%; text-align: left; } .caro_excerpt { position: fixed; top: 44%; font-size: 14px; left: 30%; text-align: left; max-width: 400px; } .caro_btn{ position: absolute; left: 50%; top: 70%; } .event_bg { height:330px; } #wishlist_div, #wishlist_div2 { position: relative; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; } #wishlist_div .wishlist_text { height: 500px; width: 100%; background: #f5f5f5; padding: 40px; } #wishlist_div .groceries { width: 18%; height: 500px; background: #1f9fc9; margin: 0; color:white; cursor:pointer; } #wishlist_div .groceries_logo img{ width: 100px; height: 100px; margin: auto; padding:50% 0 0 0; } #wishlist_div .needs { width: 18%; height: 500px; margin: 0; color:white; } #wishlist_div .needs_logo{ width: 100%; height: 250px; margin: 0; background: #354a9a; } #wishlist_div .needs_logo img{ width: 100px; height: 100px; margin: auto; padding: 10% 0 0 0; } #wishlist_div .others_logo{ width: 100%; height: 250px; margin: 0; background: #ce0071; } #wishlist_div .others_logo img{ width: 100px; height: 100px; margin: auto; padding: 10% 0 0 0; } #wishlist_div .wishlist_text { height: 500px; width: 32%; background: #f5f5f5; padding: 40px; } #eventlist_div .flexslider .slides img { width: 100%; height: auto; display: block; margin-top: 28px; margin-left:0 !important; } #eventlist_div .flex-caption { display: block; width: 90%; position: relative !important; height: 200px; float:none; margin-top: 0px; padding: 40px; } #eventlist_div .eventlist_title { height: 40px; color: #fb9200; font-size: 25px; position: absolute; z-index: 11; left: 40px; top: initial; bottom: 220px; } #eventlist_div .flex-control-nav { position: absolute; left: 0; right: 0; top: 60%; bottom: auto; width: auto; } #footer { height:auto; } #footer_div td { width: 100%; padding: 0 3% 0 0; display:block; } #footer_div .topfooter_row, #footer_div .btmfooter_row, #footer_div .topfooter_row td, #footer_div .btmfooter_row td { width:100% !important; display:block !important; } .impact_btn { width:100%; padding:0; margin: auto; display: none; } #services_div .wpb_column, #services2_div .wpb_column, #services3_div .wpb_column, #services4_div .wpb_column{ padding: 10px 0 !important; width:100%; } #services_div .vc_single_image-wrapper, #services2_div .vc_single_image-wrapper, #services3_div .vc_single_image-wrapper, #services4_div .vc_single_image-wrapper{ height:150px; overflow:hidden; } .blackout_text { display:none !important; } .blackout_btn { display:none !important; } .push_up { margin-top: 0; } .not_frontpage #event_row { background-size: 100% 100%; } .not_frontpage .page_sidebar { width: 100%; } .page_sidebar.width90 { width: 90% !important; margin:auto; } .left5p { left: 5%; /* right: 0%; */ margin: 40px 20px; width: 85% !important; } .not_frontpage .page_sidebar .sidebar_image{ width: 30%; display: inline-block; vertical-align: top; } .not_frontpage .page_sidebar .side_menu{ width: 60%; display: inline-block; vertical-align: top; } .not_frontpage .wishlist_page_text { padding: 40px 20px; background: white; margin-left: 0%; width: 100%; } .not_frontpage .wishlist_page_text img { width:100%; max-width:100%; padding:20px 0px; } .not_frontpage .sub_flex_text { width: 100%; display: block !important; } .not_frontpage .sub_flex_gallery { display: block; vertical-align: top; width: 100%; padding-top:20px; } .volunteer_div .wpb_column { padding:20px; width:100%; } .giving_hand { width: 100%; position: relative; bottom: -20px; right: 0; max-width:100%; } .idonate-div td, #onlineform td, .wpcf7-form td{ display:block; } .quote_img { width:100%; left: 0%; } .desktop_only { display:none !important; } .mobile_only { display:block !important; } .no_top_padding { padding: 0px 0 20px 0 !important; } .no_btm_padding { padding: 20px 0 0px 0 !important; } /*Update 5/5/2020*/ .IPC_QRcode_div { display: block; width: 150px; max-width:150px; margin:auto; } .IPC_text_div { display:block; width: 100%; margin-left:0; } .wishlist_inner_text .vc_col-sm-3 { width:0%; } .wishlist_inner_text .vc_col-sm-9 { width: 100% !important; padding: 40px 20px; background: white; margin-left: 0%; } .wishlist_inner_text { padding:0; } #wishlist_div_hidden .vc_col-sm-3 { width:100% !important; } } /*CUSTOM CSS HERE_S_*/ @media screen and (max-width: 800px){ .lay1 { width: 90%; float: left; padding: 40px 5%; } .lay1 .post_image { width:100%; padding: 10px; position: relative; overflow: hidden; max-height: 260px; } .lay1 .post_image a{ color: #3590ea; } .lay1 .hentry { width: 100%; max-width: 100%; float: left; } input.wpcf7-form-control.wpcf7-submit { margin-top: 30px; } .wpb_image_grid .wpb_image_grid_ul .isotope-item { list-style: none; margin: 0; padding: 3%; max-width: 90%; float: none; } #eventlist_div .flex-caption { overflow: hidden; } #eventlist_div .eventlist_title { bottom: 20%; } body{ background:#ffffff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px !important; color:black; opacity:1;} .thn_post_wrap table td, .org_comment table td { padding: 10px 20px; font-size:14px; } .gallery_table tr { text-align:center; background:none !important; padding:0 !important; } .gallery_table td { padding:0 !important; } .caro_title { position: fixed; top: 30%; font-size: 30px; left: 10%; text-align: left; } .caro_page_title strong{ font-size:40px; } .caro_subtitle { position: fixed; top: 38%; font-size: 18px; left: 10%; text-align: left; } .caro_excerpt { position: fixed; top: 46%; font-size: 14px; left: 10%; text-align: left; max-width: 80%; } .not_frontpage .caro_section img { min-height: 310px; width: auto; height: 310px; max-width: none; min-width: 100%; text-align: right; margin: 0; opacity: 0.3; /* margin-right: 100%; */ } .caro_section img { min-height: 510px; width: auto; height: 510px; max-width: none; min-width: 100%; text-align: right; margin: 0 0 0 -35%; opacity: 0.3; /* margin-right: 100%; */ } .caro_btn{ position: absolute; left: 10%; top: 70%; } .event_bg { height:250px; } #wishlist_div .wishlist_text_icon { height: auto; width: 33%; padding: 0 20px; display: inline-block; } #wishlist_div .wishlist_text_icon_side { display:none; } #wishlist_div .wishlist_text_icon_inner { height: auto; width: 33%; padding: 0 20px; display: inline-block; } #wishlist_div .wishlist_text_icon_side_inner { display:none; } #wishlist_div, #wishlist_div2 { position: relative; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; max-width: 1120px; } #wishlist_div .wishlist_text { height: 250px; width: 100%; background: #f5f5f5; padding: 40px; } #wishlist_div .groceries { width: 32%; height: 160px; background: #1f9fc9; margin: 0; color: white; display: inline-block; vertical-align:top; font-size:12px; } #wishlist_div .groceries_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 13% 0 0 0; } #wishlist_div .needs { width: 68%; height: 160px; margin: 0; color: white; display: inline-block; font-size:12px; } #wishlist_div .needs_logo { width: 50%; height: 160px; margin: 0; padding: 0; background: #354a9a; display: inline-block; } #wishlist_div .needs_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 13% 0 0 0; } #wishlist_div .others_logo { width: 50%; height: 160px; margin: 0; background: #ce0071; position: absolute; display: inline-block; padding: 0; font-size:12px; } #wishlist_div .others_logo img{ width: 50%; max-width:60px; height: auto; margin: auto; padding: 13% 0 0 0; } #wishlist_div .wishlist_text { height: auto; min-height:inherit; width: 100%; background: #f5f5f5; padding: 0px 40px; position: initial; display: block; } #wishlist_div .groceries p, #wishlist_div .needs p, #wishlist_div .others p{ width: 90%; vertical-align: top; margin: auto; } .wishlist_texttop1 { padding-top:20px !important; } .wishlist_texttop2 { padding-bottom:20px !important; } /*Update 5/5/2020*/ .IPC_text_full{ padding:40px 40px 0px 40px; } .IPC_left_padding { padding-left:0px; padding-top:40px; } #eventlist_div .flex-caption { display: block; width: 90%; position: relative !important; height: auto; float:none; margin-top: 0px; padding: 5%; height:200px; } #eventlist_div .eventlist_title { color: #fb9200; font-size: 25px; position: relative; z-index: 11; left: 0; right: 0; padding: 30px 30px 0 30px; /* bottom: initial; */ margin-left: auto; text-align: center; margin-right: auto; } .wishlist_title2 { display:none; } #eventlist_div .flex-caption .post-title, #eventlist_div .flex-caption .post-title a { color: #419dbb; margin-top: 10px; margin-bottom: 10px; } #eventlist_div .flex-control-nav { position: absolute; left: 0; right: 0; top: 20px; bottom: auto; width: auto; } .IPClist_div { position: relative; top: 40px; left: 0; width: 100%; } #footer_div .topfooter_row { width: 90%; display: block; padding-right: 0%; vertical-align: top; } #footer_div .btmfooter_row { width: 90%; display: block; padding-right: 0%; vertical-align: top; } .moretag { width: 100px; background: #fb9200; font-size: 12px; color: white !important; opacity: 1; border: 0; float:inherit; } .quote_img { width:100%; left: 0%; } .desktop_only { display:none !important; } .mobile_only { display:block !important; } .not_frontpage .page_sidebar .sidebar_image { width: 100%; display: inline-block; vertical-align: top; height:200px; overflow:hidden; } .not_frontpage .page_sidebar .side_menu { width: 100%; } .caro_page_title { right: 20px; } .caro_page_title strong{ font-size:30px; } .not_frontpage .breadcrumbs { right: 20px; } #volunteerlist_div { padding:60px 0 0 0; } .volunteer_div .wpb_column { padding: 20px 0; width: 100%; } #services_div .vc_single_image-wrapper, #services2_div .vc_single_image-wrapper, #services3_div .vc_single_image-wrapper, #services4_div .vc_single_image-wrapper{ height:200px; overflow:hidden; } .wpcf7-control-text { display: block; width:100%; } .wpcf7-form-control-wrap{ display: block; width:100%; } .address-text { width:100%; display:block !important; vertical-align:top; } .map-text { display: block !important; width: 100%; } } /*CUSTOM CSS HERE_XS_*/ @media screen and (max-width: 450px){ .caro_title { position: fixed; top: 12%; font-size: 30px; left: 10%; text-align: left; } .caro_page_title strong { font-size: 30px; line-height: 1; } .caro_subtitle { position: fixed; top: 18%; font-size: 18px; left: 10%; text-align: left; } .caro_excerpt { position: fixed; top: 28%; font-size: 14px; left: 10%; text-align: left; max-width: 80%; } } .wpb_heading , .comments_template { display:none !important; } .pad_menutitle { background:#0e4fa0 !important; } .inline { display:inline-block !important; } .expand-org img{ /*display:none;*/ } #org-view { cursor: pointer; margin: auto; display: block; width: 120px; text-align: center; } .ty-title { padding-top:50px; } .ty-title strong { font-size: 44px; line-height: 1; font-weight: bold; }