/* Theme Name: Creativo Theme Description: Ultra Responsive Multi-Purpose WP Theme. Author: RockyThemes Theme URI: http://rockythemes.com/creativo/ Author URI: http://rockythemes.com Version: 6.4.4.2 License: GNU General Public License License URI: license.txt */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, figure { margin: 0; padding: 0; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* apply a natural box layout model to all elements, but allowing components to change */ /* html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } */ article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } textarea, input { outline: none; } ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; width:100%; } ol, .wpb_text_column ul, .single .post-content ul, .single .project-description ul, .page .post-content ul { margin:20px 0; padding-left:40px; } .wpb_text_column ul, .single .post-content ul, .page .post-content ul, .single .project-description ul { list-style:disc; } .page .post-content .get_social.share_archives { padding-left:0; margin-top:0; margin-bottom:0; } caption{ text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } sup{ vertical-align: super; font-size:smaller; } code{ font-family: 'Courier New', Courier, monospace; font-size:12px; color:#657580; } h1, h2, h3, h4, h5, h6, .blogpost .post-content h1, .blogpost .post-content h2, .blogpost .post-content h3, .blogpost .post-content h4, .blogpost .post-content h5, .blogpost .post-content h6{ font-weight:600; padding:0; margin:0 0 10px 0; line-height:1.5; } h1, h2, h3, h4, h5, h6 { line-height: normal; } h1, .blogpost .post-content h1 { font-size: 36px; } h2, .blogpost .post-content h2 { font-size: 30px; } .error404 .post_container_full { text-align: center; position: absolute; width:100%; padding:0 20px; box-sizing: border-box; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left:0; } .error404 .post_container_full .post-content { margin-bottom:30px; } .error404 .post_container_full .new_search_form { max-width:600px; margin:20px auto 50px; } h2.page404 { letter-spacing:-1px; font-weight:600; border-bottom:1px solid #f2f2f2; padding:0 0 20px 0; margin-bottom:20px; color:#333333; line-height: normal; font-size:40px; } h2.page404 span { display: block; font-size:5em; line-height: 1; font-weight: 500; } h3, .blogpost .post-content h3 { font-size: 24px; } h4, .blogpost .post-content h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p{ margin-bottom:20px; } a img{ border: none; } img { vertical-align: top; max-width: 100%; height: auto; } .displaynone { display: none !important; } .wp-caption { max-width:100%; font-style: italic; padding: 5px; border: 1px solid #eee; } .wp-caption img { width: 100%; } .wp-caption p { margin-bottom:0 !important; padding-top:5px; text-align: center; } a { text-decoration:none; color:#58A623; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; } a:hover { color:#000; } body { font-family: Arial, sans-serif; font-size: 13px; line-height: 1; font-weight: 400; color: #666; overflow-x: hidden; overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } #background { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -1; } .bgwidth { width: 100%; } /* select, input[type], textarea { -webkit-appearance: none; } */ .woocommerce .quantity input[type] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; } .woocommerce .post_container table.variations select { border-radius: 0; -webkit-border-radius:0; } .woocommerce .quantity .screen-reader-text { display: none; } /* Images */ .alignleft { float: left; margin-right:10px; } img.alignleft { padding-right: 20px; } .alignright { float: right; } img.alignright { padding-left: 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; *zoom:1;} * html .clearfix { height: 1%;} /* Hides from IE-mac \*/ .clearfix { display: block;} .bottommargin { margin-bottom:35px; } .aligncenter{ text-align:center; } /* Pretty Photo first */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .pp_social{display:none;} /**********************************************************/ /* Creativo Common Form Elements */ /**********************************************************/ input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea{ background: transparent; border: 1px solid #ccc; color: #b2b2b6; padding: 10px; width:100%; min-height:40px; line-height: 40px; line-height: normal; font-size:13px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius:0; box-shadow: none; border-radius:0; -webkit-box-shadow: none; } select { width:100%; background:initial; outline:none; box-sizing: border-box; border: 1px solid #ccc; color: #b2b2b6; padding: 10px; width:100%; min-height:40px; line-height: 40px; line-height: normal; font-size:13px; box-sizing:border-box; -webkit-border-radius:0; box-shadow: none; border-radius:0; -webkit-box-shadow: none; } textarea { height:auto; } input[type=submit] { -webkit-appearance: none; -webkit-border-radius:0; } fieldset { border:none; } input:focus, textarea:focus { /*background: #fff;*/ border-color: #cfcfcf; color: #555; } .light_form input[type=text], .light_form input[type=email], .light_form input[type=password], .light_form textarea { border: none; background: rgba(125,125,125,0.3); color: #fff; margin-top:5px; margin-bottom:10px; padding:15px; font-family:inherit; } .light_form{ color: #fff; } /**********************************************************/ /* Creativo Main Style */ /**********************************************************/ .container { position: relative; max-width: 100%; background-color: #fff; overflow: hidden; } .recent_posts_container { max-width: 100%; /*margin:30px 0 0 0;*/ } .recent_posts_container .blogpost .flexslider { margin-bottom:0; } .post_container .recent_posts_container article.col.extra-width:nth-child(3n+1) { clear:both; } .post_container_full .recent_posts_container article.col.extra-width-full:nth-child(5n+1), .portfolio-related .recent_posts_container article.col.extra-width-full-port:nth-child(5n+1) { clear:both; } /* Header Menu */ .second_navi { border:1px solid #ccc; border-left: none; border-right: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .second_navi_inner { width:940px; margin:0 auto; position:relative; } .sf-sub-indicator { margin-left:3px; } /* Header Top Bar Left and Right Div */ .tb_left { float:left; } .tb_right { float:right; } /* Top Navigation */ .top_nav_out { background-color:#fff; border-bottom:1px solid #444; z-index:3001; position: relative; } .top_nav { max-width:960px; margin:0 auto; padding:0 10px; clear: both; min-height:40px; } .tap_to_call { display:none; } .top_contact { float: left; line-height:40px; padding: 0; } /* .top_contact a { margin-right:15px; padding-right:15px; border-right: 1px dotted #ccc; } */ .top_contact a i, .top_contact .contact_phone i, .top_contact .contact_address i { margin-right:5px; font-size:13px; line-height:18px; } .top_contact .contact_email, .top_contact .contact_phone, .top_contact .contact_address { float: left; position: relative; margin-left: 15px; padding-left: 15px; border-left:1px dotted #ccc; } .top_contact .contact_email { border-left: none; margin-left:0; padding-left:0; } /* .top_contact .contact_email span.email { opacity: 0.6; display: block; width: 20px; height: 20px; background: url("images/icons/email-black.png") no-repeat; position:absolute; top:8px; } .top_contact .contact_email span.email.white_scheme { background: url("images/icons/email-white.png") no-repeat; } .top_contact .contact_phone { } .top_contact .contact_phone span.phone { opacity: 0.6; display: block; width: 20px; height: 20px; background: url("images/icons/phone-black.png") no-repeat; position:absolute; top:12px; left:0; } */ .top_contact .contact_phone span.phone.white_scheme { background: url("images/icons/phone-white.png") no-repeat; } .top_social { /*float: right;*/ } .top_social a, .side_social .top_social a { width:40px; height:40px; display:block; float: left; transition: all linear .2s; -webkit-transition: all linear .2s; -ms-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; background-position: center center; color:#eeeeee; } .header_menu_social .top_social a { float: none; display: inline-block; } .top_social a i { width:40px; height:40px; line-height:40px; display: block; text-align: center; font-size: 14px; } .footer .top_social a { opacity:1; filter: alpha(opacity=100); } .top_social a:hover, .footer .top_social a:hover, .side_social .top_social a:hover { opacity: 1; filter: alpha(opacity=100); color:#fff; } .top_social a.twitter:hover { background-color: #63cdf1; } .top_social a.instagram:hover { background-color: #306a92; } .top_social a.facebook:hover { background-color: #507cbe; } .top_social a.google:hover { background-color: #4d4f54; } .top_social a.linkedin:hover { background-color: #90cadd; } .top_social a.pinterest:hover { background-color: #f16261; } .top_social a.flickr:hover { background-color: #dc97c0; } .top_social a.tumblr:hover { background-color: #4d7ea3; } .top_social a.youtube:hover { background-color: #f16261; } .top_social a.behance:hover { background-color: #1aace3; } .top_social a.dribbble:hover { background-color: #d97aa6; } .top_social a.vimeo:hover { background-color: #1ab7ea; } .top_social a.stumbleupon:hover { background-color: #4ab253; } .top_social a.xing:hover { background-color: #00605e; } .top_social a.soundcloud:hover { background-color: #fe8502; } .top_social a.yelp:hover { background-color: #b4282e; } .top_social a.wechat:hover { background-color: #00d40d; } .top_social a.rss:hover { background-color: #f08421; } .social_icons_wrap { position: relative; } .top_nav .social_icons_wrap { line-height: 40px; } .social_icons_wrap span.sharer{ position: relative; display: block; width:40px; cursor:pointer; color:#ffffff; text-align:center; } .social_icons_wrap span.sharer i { font-size:17px; position: relative; top:2px; } .social_icons_wrap .top_social { position: absolute; left:0; background-color: #1d1c24; opacity:0; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; visibility: hidden; } .social_icons_wrap:hover .top_social { opacity: 1; visibility: visible; } .header_menu_social .social_icons_wrap .top_social a { display: block; } /* Top Menu */ .top_navigation { /*float:right;*/ position: relative; z-index:20; } #top-menu { line-height: 40px; } #top-menu i { margin-right: 5px; } #top-menu li { display: inline-block; margin-right: -3px; position: relative; /*line-height: 40px;*/ } #top-menu ul li { border-bottom: 1px solid #eee; } #top-menu ul li:last-child { border-bottom: none; } #top-menu > li { border-right: 1px solid #f2f2f2; } #top-menu li a { padding: 0 15px; line-height: 40px; display: block; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); text-align: left; } #top-menu > li:first-child > a { padding-left:0; } #top-menu > li:last-child > a { padding-right:0; } /* #top-menu > li:first-child > a { padding-left:0; } #top-menu li:after { content: "|"; color:#ccc; } #top-menu li:last-child:after { content: ""; } */ #top-menu li:first-child { padding-left: 0; } #top-menu li:last-child { padding-right: 0; border-right: none; } #top-menu li ul { visibility: hidden; opacity:0; position:absolute; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; width: 100%; z-index:10000; display: block; background-color: #fff; top: 40px; border: 1px solid #f2f2f2; left: -1px; min-width:150px; } .tb_right #top-menu li ul { left: auto; right:0; } #top-menu li ul.remove_css_animation { transition: initial; -webkit-transition: initial; display: none; } #top-menu li:hover ul { visibility: visible; opacity: 1; } #top-menu li > ul > li { display: block; width:100%; } /* Bottom Menu */ .footer_navigation { float:right; margin:5px 0; } #footer-menu { line-height:inherit; } #footer-menu li { display: inline-block; padding-right:15px; } #footer-menu li:last-child { padding-right:0; } /* Social Icons Second style */ /* .pi-header-row-fixed .row, .pi-header-row-fixed .row_full { padding-top: 98px; } */ .pi-header-row-fixed .header_wrap { } .full_header { position:relative; z-index:1000; } /* .pi-header-row-fixed .full_header { padding-bottom:98px; } .pi-header-row-fixed .full_header.more_padding { padding-bottom:160px; }*/ .banner { float:right; margin-top:5px; } .modern_social_icons { float: right; } .modern_social_icons .top_social a { width: 35px; height: 35px; } .modern_social_icons .top_social a i { width: 35px; height: 35px; line-height: 35px; } .modern_cta { float: right; } .modern_cta_head_text, .modern_cta_phone_number { display: block; } .rounded .top_social a { border-radius:5px; -webkit-border-radius:5px; } .circle .top_social a { border-radius:50%; -webkit-border-radius:50%; } .header_wrap { position:relative; z-index:1001; } .header_area { position: relative; } .sticky_h { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; transition:top 0.5s ease; } .pi-header-row-fixed .sticky_h,.pi-header-row-fixed .sticky_h_menu { position: fixed; top: 0; left: 0; right: 0; z-index: 1002; } .admin-bar.pi-header-row-fixed .sticky_h, .admin-bar.pi-header-row-fixed .sticky_h_menu { top:32px; } .header { padding: 11px 0; position: relative; z-index: 200; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; } /* Left Header */ .side-header .header_inside_left, .side-header .header_inside_right { position: fixed; top: 0; left: 0; z-index: 10; width: 300px; height: 100%; border: none; box-shadow: 0 0 15px rgba(0,0,0,.065); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.065); background-color:#fff; } .side-header .header_inside_right { left: auto; right: 0; } .admin-bar.side-header .header_inside_left, .admin-bar.side-header .header_inside_right{ top:32px; } .side_inside { width:100%; position:relative; height:100%; /*padding: 20px 30px;*/ box-sizing: border-box; } .side_inside a{ display:block; width:100%; height:100%; } .desktop_view { visibility:visible; display: inherit; } .mobile_view { visibility: hidden; display: none; } #branding .logo a img.mobile_logo, .side-header .mobile_logo{ display:none; } /* Header Search */ #header_search_wrap { padding:0; } #navigation ul li #header_search_wrap a { padding: 0 10px; } #header_search_wrap a { /*width:20px;*/ display: block; position:relative; } body #navigation form:not(.woo_submit_form) { opacity:0; position:absolute; width:100%; height:100%; padding:0; margin:0; top:0; box-sizing:border-box; z-index:-2; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; } body.hs-open #navigation form { opacity:1; z-index:100; } body:not(.hs-open) #navigation ul li.menu-item { opacity: 1; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } /* #navigation ul li.header_search_li { transition: all .3s ease-in-out; } */ body.hs-open #navigation ul li.menu-item { opacity: 0; } body #navigation form:not(.woo_submit_form) input[type=text] { border:0; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; font-size:20px; padding: 10px 50px 10px 10px; width:100%; height:100%; box-sizing:border-box; color:#000; outline: none; } #header_search_wrap a i { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; position:absolute; top:50%; margin-top:-7px; width:14px; text-align:center; } #header_search_wrap a i.icon-magnifier { font-size:17px; top:2px; position: relative; } /* .second_navi_inner #header_search_wrap a i { position: relative; width:20px; margin-top: 0; top:auto; line-height: 50px; display: block; } .second_navi_inner #header_search_wrap a i.icon-cancel { position: absolute; top:0; margin:0; } */ #header_search_wrap a i.icon-cancel { opacity: 0; left:10px; position: absolute; } body.hs-open #header_search_wrap a i.icon-cancel { opacity: 1; z-index: 101; font-size:17px; margin-top:-9px; } /* body.hs-open .second_navi_inner #header_search_wrap a i.icon-cancel { margin:0; } */ body.hs-open #header_search_wrap a i.fa-search, body.hs-open #header_search_wrap a i.icon-magnifier { opacity: 0; } /* END Header Search */ .inner { padding: 0px 10px; position: relative; max-width: 960px; margin: 0 auto; } .vc_video-bg .inner { padding:0; } .inner:after{ content:""; display:block; clear:both; } #branding { float: left; margin-right:0px; padding-right:0px; } #branding .text{ font-size:24px; padding:0; margin:0; line-height:normal; } #branding .logo a, #branding .logo a img { display: block; } /* #branding h1.text { padding-top:20px; } */ #branding .tagline { font-size:13px; color: #dddddd; padding-bottom:20px; } .page_description{ font-style:normal; } .page_description p{ margin-bottom:35px; padding:0; } .clr { clear: both; float: none; } .forth{ clear:left; } .content { margin: 0 auto; padding:20px; background: url(images/slider-texture.png) repeat; background-color:#414852; } .content-layer { margin: 0 auto; padding:0; border-bottom:1px solid #ddd; } .inside_content { width: 100%; margin: 0 auto; border-top:1px solid #ddd; } .inside_content2 { width: 978px; margin: 0 auto; } .inside_content_demo { width: 100%; margin: 0 auto; } .words{ color:#58a623; } .bellow_header{ padding:5px 15px; border-bottom: 1px solid #eee; } .bellow_header_title{ max-width:960px; margin:15px auto; color:#fff; font-size:18px; text-transform: none; position:relative; } .home.archive.woocommerce .bellow_header { display: none; } .pt_mask { height: 100%; } /* NAVIGATION AND MENUS */ /*================================================== */ .header_right_side { float: right; } .header_transparent #navigation { opacity:0; } .header_transparent #navigation.is_visible { opacity: 1; } /* .header_transparent #navigation ul li a, .header_transparent #navigation > ul > li.current-menu-item > a { color:transparent; }*/ #navigation { float:left; margin-top:0; } #navigation .menu { } #navigation .sf-sub-indicator i { font-size: 11px; margin-left: 5px; } #navigation > ul { line-height: 85px; height: 85px; transition: all .3s ease-in-out; } #navigation ul li { position:relative; display:block; float:left; } #navigation ul li a { white-space:nowrap; color: #555555; position:relative; text-decoration: none; display:block; vertical-align:middle; padding: 0 18px; } .second_navi_inner #navigation ul li a { display: block; line-height: 50px; } .second_navi_inner #navigation ul li a.shopping-cart { background-color:transparent; } #navigation ul li a i { margin-right: 5px; } .ha-transparent #navigation ul li a { color:#FFFFFF; } .ut-header-dark #navigation ul li a { color: #999999; } #navigation ul li:first-child a:after { display: none; } #responsive_navigation { position: relative; display: none; } .mobile_menu_holder { position: absolute; width:100%; max-height:560px; overflow-y:scroll; -webkit-overflow-scrolling:touch; z-index:99999; } .responsive-menu-link { display: none; text-align:center; position:absolute; right:15px; top:50%; font-size:25px; text-transform: uppercase; font-weight:700; padding-bottom:20px; cursor:pointer; } .responsive-menu-bar { display: block; padding: 15px 20px; box-sizing: border-box; text-align: left; color: #fff; background-color: #5bc98c; font-weight: 600; font-size: 16px; } .responsive-menu-link i { margin: 0 auto; cursor:pointer; position: absolute; right:20px; font-size:21px; } .responsive-menu-link:hover { color: #7dc771; } .mobile_menu_holder { display: none; } #responsive_menu { border-bottom: 1px solid rgba(128,128,128,.2); position: relative; width: 100%; margin: 0; padding: 0; z-index: 20; background-color:#fff; } #responsive_menu li { display: block; margin: 0; } #responsive_menu > li { /*border-bottom: 1px solid rgba(128,128,128,.2);*/ } #responsive_menu li a { border-top: 1px solid rgba(128,128,128,.2); display: block; padding: 15px 20px; text-align: left; text-decoration: none; font-size: 13px; position: relative; text-transform: uppercase; font-weight:700; } #responsive_menu ul.sub-menu { display:none; } #responsive_menu ul a{ font-weight:normal; text-transform: none; padding-left:40px; } #responsive_menu ul ul a { padding-left:70px; } #responsive_menu ul ul ul a { padding-left:90px; } #responsive_menu ul ul ul ul a { padding-left:110px } #responsive_menu .sf-sub-indicator { position: absolute; right: 10px; font-size: 20px; line-height: 53px; top: 0; margin-left: 0; padding-left: 0; width: 53px; text-align: center; } .mobile_search_holder { background: #ffffff; padding: 15px; box-sizing: border-box; border-bottom: 1px solid rgba(128,128,128,.2); } /* Nav Sublevel */ #navigation ul.sub-menu { -webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.20); box-shadow: 0 5px 4px rgba(0, 0, 0, 0.20); -webkit-transition:0.2s all linear; -moz-transition:0.2s all linear; transition:0.2s all linear; } #navigation [class^="icon-"]:before, #navigation [class*=" icon-"]:before { margin-right: 0; } #navigation ul ul .sf-sub-indicator { position:absolute; right:5px; } #navigation ul.sub-menu ul, #navigation ul.sub-menu li { margin-left:0; } #navigation ul.sub-menu li a:after { display: none; } #navigation ul.sub-menu li > a { height: 35px; line-height: 35px; width: auto; min-width:165px; position: static; color:#999999; margin:0; padding:0 15px; -webkit-transition:0.2s all linear; -moz-transition:0.2s all linear; transition:0.2s all linear; font-size:12px; } #navigation ul.sub-menu li { border-bottom: 1px solid #dcdadb; text-align: left; } #navigation ul.sub-menu li:last-child { border:none; } /* #navigation ul.sub-menu { border-top:2px solid; } */ #navigation ul.sub-menu li a:hover { } #navigation ul li ul li ul li { display:block; } #navigation ul li ul li ul li { display:block; } /* MegaMenu style */ .no-title .megamenu-title { display: none; } #navigation li.has-mega-menu > ul.sub-menu { display: block; position: absolute; top: 100%; left: 0; padding: 20px 0; width:100%; border-top:3px solid #5bc98c; } #navigation li.has-mega-menu > ul.sub-menu::after { content: ''; opacity: 0.9; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: -1; position: absolute; } #navigation li.menu-item.has-mega-menu { position: static; } #navigation .has-mega-menu > ul.sub-menu { width: 100%; position: absolute; left: 0; padding: 20px 0; } #navigation .has-mega-menu > ul.sub-menu > ul.sub-menu { position: relative; display: block; top: auto; left: auto; } #navigation .has-mega-menu > ul.sub-menu > li.menu-item { display: block; left: 0; position: relative; float: left; width: 25%; border: 0; background-color: transparent; box-shadow: none; padding-left:30px; padding-right:0; white-space: inherit; } #navigation .has-mega-menu ul.sub-menu li > a { padding-left:20px; width: auto; padding-right: 0; white-space:inherit; } /* #navigation .has-mega-menu > ul.sub-menu > li.menu-item:nth-child(4n+1) { clear: left; } */ #navigation .has-mega-menu .megamenu-title { text-align: left; font-size: 14px; line-height: 1.5; font-weight: bold; padding: 10px; margin: 0; padding-left:20px; } #navigation .has-mega-menu .megamenu-title a{ line-height:1.5; padding: 0; } /* .has-mega-menu .megamenu-title:after { content: ''; display: block; margin-top: 10px; width: 20px; height: 2px; opacity: 0.3; } */ .has-mega-menu .megamenu-title i { font-size: 16px; position:absolute; left:-30px; width: 20px; text-align:center; top: 1px; } .has-mega-menu > ul.sub-menu > li.menu-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } #navigation .has-mega-menu ul li, #navigation .has-mega-menu ul ul, #navigation .has-mega-menu ul li ul li { background-color:transparent; border-bottom: none; white-space:inherit; } #navigation ul li.no-mega-menu ul li a .fa { margin-right: 10px; } #navigation .has-mega-menu > ul.sub-menu > li.menu-item:first-child { border-left: none; } #navigation .has-mega-menu > ul.sub-menu > li { float: left; border-bottom: none; } #navigation .has-mega-menu ul li ul { position: relative; visibility:hidden; min-width:inherit; opacity:0; border:none; left:auto; padding-left: 0; box-shadow: none; -webkit-box-shadow: none; } #navigation .has-mega-menu:hover ul li ul { visibility:visible; opacity:1; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_1 { width: 100%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_2 { width: 50%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_3 { width: 33.33%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_4 { width: 25%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_5 { width: 20%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_6 { width: 16.66%; } #navigation .has-mega-menu > ul.sub-menu > li.mega_col_2:nth-child(2n+1), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_3:nth-child(3n+1), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_4:nth-child(4n+1), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_5:nth-child(5n+1), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_6:nth-child(6n+1) { clear:both; } .has-mega-menu > ul.sub-menu > li > ul.sub-menu { display: block; } .has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link { display: block; position: relative; text-align: left; float: none; background-color: transparent !important; margin: 0; padding: 10px 10px; line-height: 18px; } .has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link i { font-size: 14px; position: absolute; line-height: 35px; text-align: center; width: 20px; left: -10px; } .megamenu-widgets-container { text-align: left; padding: 10px; line-height: 22px; padding-left:0; } .megamenu-widgets-container .sidebar-widget { overflow: hidden; } .megamenu-widgets-container .sidebar-widget:last-child { margin-bottom: 0; } .megamenu-widgets-container ul { list-style: none; margin: 0; } .megamenu-widgets-container .widget { margin-bottom: 15px; overflow: visible; } #navigation { /*position: relative;*/ /*transition: margin-top .3s ease-in-out;*/ } #navigation ul, #navigation ul li, #navigation ul ul {list-style: none;margin: 0;padding: 0;} #navigation ul {z-index: 9999;} #navigation ul li {zoom: 1} #navigation ul li.hover {position: relative;z-index: 9999;cursor: default;} #navigation ul, #navigation ul li, #navigation ul ul { list-style: none; margin: 0; padding: 0; } #navigation ul li { margin-left:0; } #navigation ul li:first-child { margin-left: 0; } #navigation li { margin: 0; float:left; zoom: 1; } #navigation ul li.hover { position: relative; z-index: 9999; cursor: default; } #navigation ul ul { visibility: hidden; position: absolute; min-width: 160px; z-index: 9998; opacity:0; width: auto; padding: 0px; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; border-top:3px solid #5bc98c; } #navigation ul li:last-child ul { /*right: 0;*/ } #navigation ul li li a { display: block; text-decoration: none; position: relative; border-right: none; } #navigation ul ul li { float: none; white-space: nowrap; margin: 0; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; height: auto; line-height:none; display:inherit; } #navigation ul ul ul { top: -3px; left: 100%; } #navigation ul li:hover > ul { visibility: visible; opacity:1; } .sf-sub-indicator { padding-left:2px; } #navigation ul li.shopping_cart_icon a.shopping_cart { padding: 0 10px; position: relative; } #navigation ul li.shopping_cart_icon a i { font-size:16px; } /* Header Area Extra Button */ .extra_header_button { display: table-cell; min-width:150px; vertical-align: middle; } .extra_header_button a { background-color:#d03672; color: #fff; padding: 10px 15px; font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; margin-right:25px; } .additional_icons { display:block; max-width:none; float:right; position: relative; } .additional_icons ul { line-height: 85px; height: 85px; transition: height .3s ease-in-out, line-height .3s ease-in-out; -webkit-transition: height .3s ease-in-out, line-height .3s ease-in-out; display: block; } .additional_icons ul li { display: inline-block; text-align: center; } .additional_icons ul li.shopping_cart_icon a { padding: 0 18px; position: relative; display: block; top: 2px; } .additional_icons ul li.shopping_cart_icon .cart_item a { padding:0; line-height: normal; } #header_search_wrap { text-align: center; width: 40px; } .additional_icons ul li.shopping_cart_icon a i { font-size: 18px; } .additional_icons ul li #side-panel-trigger a { padding-right: 5px; padding-left: 5px; margin-left: 5px; display: block; top: 2px; } #navigation ul li.shopping_cart_icon a span.item_counter, #navigation ul li.shopping_cart_icon a span, .additional_icons ul li.shopping_cart_icon a span.item_counter, .additional_icons ul li.shopping_cart_icon a > span { position:absolute; display: block; line-height: 18px; width: 18px; text-align: center; height: 18px; background-color: red; color: #fff; font-size: 11px; font-weight: 700; border-radius: 40px; top: 50%; margin-top:-23px; right: 5px; margin-right: 0; } .second_navi_inner #navigation ul li.shopping_cart_icon a span.item_counter { margin-top:-17px; } .shopping_cart_wrap { position: relative; } .shopping_cart_items { position: absolute; right: 0; width: 220px; background: #fff; padding:0 10px; border-top: 3px solid #197aaa; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10); opacity:0; visibility: hidden; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-align: left; } .shopping_cart_items:before { content: ""; width: 15px; height: 15px; position: absolute; transform: rotate(45deg); background: #197aaa; top: -6px; z-index: 1; right: 20px; } #navigation ul li.shopping_cart_icon:hover .shopping_cart_items, .additional_icons ul li.shopping_cart_icon:hover .shopping_cart_items { opacity: 1; visibility: visible; } .shopping_cart_items .cart_item { padding: 15px 5px; border-bottom: 1px solid #f1f1f1; position: relative; z-index: 2; background:#ffffff; } .shopping_cart_total { line-height: normal !important; padding: 15px 5px; border-bottom: 1px solid #f1f1f1; } .shopping_cart_total .total_text{ width: 50%; text-align: left; display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: 700; } .shopping_cart_total .total_value{ display: inline-block; width: 50%; text-align: right; font-weight: 700; font-size: 15px; } .shopping_cart_items .cart_item:last-child { border: none; padding-bottom: 5px; } #navigation ul li .shopping_cart_items a { display: block; padding: 0; line-height: normal; } .shopping_cart_items img { max-width: 40px !important; display: inline-block; margin-right: 10px; } .cart_item_details { display: inline-block; max-width: calc(100% - 50px); } span.cart_item_title { display: block; white-space: normal; font-size: 11px; line-height: 15px; color: #777; } span.cart_item_price_quantity { display: block; margin-top: 5px; font-size: 12px; font-weight: 700; line-height: normal; } .cart_checkout { padding: 5px 0px; line-height: normal; } #navigation ul li.shopping_cart_icon .cart_checkout .button_header_cart, .additional_icons ul li.shopping_cart_icon .cart_checkout .button_header_cart { display: inline-block; width: 46%; text-align: center; margin: 3%; padding: 8px 5px; box-sizing: border-box; background: #333333; font-size: 11px; color: #ffffff; font-weight: 600; text-transform: uppercase; border: 1px solid transparent; margin-left: 0; margin-right: 4%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } #navigation ul li.shopping_cart_icon .cart_checkout .button_header_cart.inverse, .additional_icons ul li.shopping_cart_icon .cart_checkout .button_header_cart.inverse { margin-left: 4%; margin-right: 0; background:#ffffff; color:#333333; border:1px solid #333333; } #navigation ul li.shopping_cart_icon .cart_checkout .button_header_cart:hover, .additional_icons ul li.shopping_cart_icon .cart_checkout .button_header_cart:hover { background:#ffffff; color:#333333; border-color:#333333; } #navigation ul li.shopping_cart_icon .cart_checkout .button_header_cart.inverse:hover, .additional_icons ul li.shopping_cart_icon .cart_checkout .button_header_cart.inverse:hover { background:#333333; color:#ffffff; border-color:transparent; } #navigation ul li.shopping_cart_icon .cart_checkout .button_header_cart, .additional_icons ul li.shopping_cart_icon .cart_checkout .button_header_cart { display: inline-block; } /* WooCommerce Navigation Login Form */ .woo_login_form { position:absolute; background-color:#fff; width:200px; padding:20px; right:0; box-shadow: 0 3px 6px rgba(0,0,0,0.2); border-top: 1px solid #f1f1f1; opacity:0; visibility: hidden; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .tb_left .woo_login_form { right:auto; left:0; } .woo_login_form.remove_css_animation { transition: initial; -webkit-transition: initial; display: none; } .woo_login_form, .woo_submit_form { line-height: normal; height:auto; } .custom-login-box:hover .woo_login_form { opacity: 1; visibility: visible; } .woo_login_form input { margin-bottom:10px; } .woo_login_form label { display: block; } .woo_login_form input[type="checkbox"] { margin:0 0 0 3px; position: relative; top: 3px; } .woo_login_form .button.login_top, .woo_login_form .button.register_top, #navigation ul li .woo_login_form .button.login_top, #navigation ul li .woo_login_form .button.register_top{ width: 100%; text-align: center; padding: 7px; background: #222; border-color: #222; margin-right: 0; margin-bottom: 0; margin-top:10px; } #top-menu li .woo_login_form .button.register_top, #navigation ul li .woo_login_form .button.register_top { margin-top:10px; padding: 7px; line-height: normal; background-color: #fff; color: #222; font-weight: 600; text-align: center; } /* Side Navigation inside Side Header */ .side_navigation #navigation, .side_navigation #navigation ul li, .side_navigation #navigation li { float: none; padding-top:50px; } .side_navigation #navigation ul li { line-height:48px; height:48px; padding:0 30px; } .side_navigation #navigation ul li.header_search_li { display: none; } .side_navigation #navigation ul li:hover { z-index:1; } .side_navigation #navigation ul.sub-menu { box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.20); } .side_navigation #navigation ul ul li { padding:0; } .side_navigation #navigation ul li a { display: block; line-height: 48px; box-sizing: border-box; padding:0 30px; border-left: 3px solid transparent; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; border-bottom:1px solid #e8ebed; background-color:transparent; } .header_inside_right .side_navigation #navigation ul li a { border-left: none; border-right: 3px solid transparent; } .side_navigation #navigation ul li a:hover, .side_navigation #navigation > ul li:hover > a, .side_navigation #navigation ul li.current_page_item a, .side_navigation #navigation ul li.current-menu-ancestor a { border-left-color: #65c18b; } .header_inside_right .side_navigation #navigation ul li a:hover, .header_inside_right .side_navigation #navigation > ul li:hover > a, .header_inside_right .side_navigation #navigation ul li.current_page_item a, .header_inside_right .side_navigation #navigation ul li.current-menu-ancestor a { border-right-color: #65c18b; } .side_navigation #navigation ul ul { left:300px; top:0; min-width:220px; border-top: none; /*border-left:3px solid #65c18b;*/ } .side_navigation #navigation ul ul:before, .header_inside_right .side_navigation #navigation ul ul:before { content: ""; position: absolute; width: 3px; height: 100%; background-color: green; z-index: 9999; } .header_inside_right .side_navigation #navigation ul ul:before { right: 0; } .header_inside_right .side_navigation #navigation ul ul { right: 300px; left: auto; border-left:none; } .header_inside_right .side_navigation #navigation ul ul ul { right: 220px; } .side_navigation #navigation ul ul li a { border-left: none; border-bottom: none; height: auto; } .header_inside_right .side_navigation #navigation ul ul li a { border-right: none; } .side_navigation #navigation ul ul ul { left:220px; } .side_navigation .sf-sub-indicator { position:absolute; right: 0; } .header_inside_right .side_navigation .sf-sub-indicator { right: auto; left:0; } .header_inside_right #navigation ul ul .sf-sub-indicator { right: auto; left: 0; } .side_social .top_social a { background-color: transparent; margin-left: 5px; margin-right:3px; margin-bottom:8px; } .side_social .top_social, .side_contact .top_contact, .side_search { float: none; padding:50px 30px 0; } .side_logo { padding:0 30px; } .side_contact .top_contact { line-height:2.5; margin-left:5px; } .desktop_view .top_contact .contact_email, .desktop_view .top_contact .contact_phone { float:none; border-right: none; padding-right: 0; margin-right:0; } .side_contact .top_contact a { border: none; margin:0; padding: 0; } .side_contact .top_contact .contact_phone div { display:block; width:100%; height:100%; margin:0; padding:0; border: none; } .side_contact .top_contact .contact_phone, .side_contact .top_contact .contact_address { border-left: none; margin-left: 0; padding-left:0; } .side_contact .top_contact .contact_phone span { display:inline-block; } /**** Footer Styling ****/ .footer { position: relative; width: 100%; bottom: 0px; } .footer a{ color:#727272; } .footer a:hover{ color:#525252; } .footer_widget { padding: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #2e343a; } #footer_widget_inside { padding: 10px 15px; margin: 0 auto; max-width: 960px; } .footer_widget_content{ float: left; width: 23.5%; min-height: 20px; margin: 15px 3% 15px 0px; color:#888; } .footer_columns_cols_4 .footer_widget_content{ width: 22%; margin-right:4%; } .footer_columns_cols_3 .footer_widget_content{ width: 31.3%; } .footer_columns_cols_2 .footer_widget_content{ width: 48%; margin-right:4%; } .footer_columns_cols_2 .footer_widget_content:nth-child(2n), .footer_columns_cols_3 .footer_widget_content:nth-child(3n), .footer_columns_cols_4 .footer_widget_content:nth-child(4n) { margin-right:0; } .footer_columns_cols_2 .footer_widget_content:nth-child(2n+1), .footer_columns_cols_3 .footer_widget_content:nth-child(3n+1), .footer_columns_cols_4 .footer_widget_content:nth-child(4n+1) { clear: left; } .footer_columns_cols_1 .footer_widget_content { float: none; width:100%; margin: 15px 0 30px; } .footer .top_social { margin-top:8px; float:right; } .footer_widget_content ul.twitter li a{ border-bottom:none; } .footer_widget_content ul.twitter li span a{ color:#8de94f; } .footer_widget_content ul.twitter li span a:hover{ color:#888; } ul.twitter li before { content: initial; } .footer_widget_content p { margin-bottom:15px; } .footer_widget_content a{ color:#888; } .footer_branding{ float: right; margin-right:5px; } .footer_branding h3{ font-size:24px; padding:0; margin:0; line-height:normal; } ul.twitter{ padding:0 5px; } ul.twitter li, .sidebar-widget ul.twitter li, #navigation .has-mega-menu ul.twitter li{ padding-bottom:15px; padding-left:30px; position:relative; } #navigation .has-mega-menu ul.twitter li { line-height:inherit; } ul.twitter li i, #navigation .has-mega-menu ul.twitter li i { position:absolute; width:26px; height:26px; line-height:26px; font-size:16px; left:0; text-align:center; color: #85a654; } #navigation .has-mega-menu ul.twitter li a, #navigation .has-mega-menu .twitter-widget a { padding-left: 0 !important; display:initial; line-height:25px; } #navigation .has-mega-menu .twitter-widget p { margin-bottom: 0; } .footer_widget_content a:hover{ border-bottom:none; color:#888; } h3.footer-widget-title{ color:#fff; font-weight:500; font-size:14px; margin-bottom:0px; padding-bottom:23px; } .footer .inner { padding: 10px 0; margin: 0 auto; max-width: 960px; overflow: hidden; } .copyright{ margin:5px 0; float: left; color:#999; } .optParent { font-weight:bold !important; } /* About Business widget */ .about_bus_widget { position: relative; } .about_bus_img { position: absolute; width: 60px; } .about_bus_img img{ max-width: 60px; } .about_bus_content.widget_left_padding { padding-left: 90px; } /* Footer Additional Icons/Images */ .footer_ii_wrap { } .footer_ii_content { max-width: 1170px; margin:0 auto; } .footer_ii_content .footer_ii_el { display: block; float: left; text-align: center; padding: 10px 5px; box-sizing: border-box; } .footer_ii_content .footer_ii_el a { display: block; } .footer_ii_content .footer_ii_el img { max-width: 100%; height:auto; } .columns_3 .footer_ii_el { width: 33%; } .columns_4 .footer_ii_el { width: 25%; } .columns_5 .footer_ii_el { width: 20%; } .columns_6 .footer_ii_el { width: 16.6%; } /**********************************************************/ /* Creativo Simple Pagination */ /**********************************************************/ .pagination{ margin:20px 0 40px; font-size:14px; position: relative; } .pagination a.inactive, .page-links span.navigation_arrow{ border:1px solid #5bc98c; display:inline-block; height:15px; line-height:15px; color:#747474; padding:7px 10px; margin-left:5px; } .page-links span.navigation_arrow { background-color:#5bc98c; color:#fff; } .page-links a span.navigation_arrow { background-color:transparent; color:#747474; } .pagination a.inactive:hover, .page-links a:hover span.navigation_arrow{ border:1px solid #5bc98c; background-color:#5bc98c; color:#fff; } .pagination .current { border:1px solid #8BB351; display:inline-block; height:15px; line-height:15px; color:#fff; padding:7px 10px; margin-left:5px; background:#8BB351; } .pagination .pagination-prev{ background:url(images/arrow-prev.png) no-repeat center left; padding-left:10px; margin-right:10px; font-size:12px; } .pagination .pagination-next{ background:url(images/arrow-next.png) no-repeat center right; padding-right:10px; margin-left:15px; font-size:12px; } .pagination.minimal .pagination-prev, .pagination.minimal .pagination-next { padding: 0; margin:0; position: absolute; display: block; background: none; font-size: 25px; top: 50%; margin-top: -3px; } .pagination.minimal .pagination-next { right:0; } .pag_left{ float:left; width:100px; } .pag_right{ float:right; width:100px; } .image-frame { padding:0; margin:0; } .image-frame img{ width:98%; height:auto; padding:3px; border:3px solid #eee; } /**********************************************************/ /* Creativo Header Social Icons */ /**********************************************************/ .connect { width: 320px; float: right; margin: 15px 0px 10px 0; padding: 0px; height: 32px; } .connect li { float: right; } .connect li a { display: block; width: 32px; height: 32px; outline: none; margin: 0 3px; background: transparent url(images/icons-bottom.png) no-repeat; text-indent: -9000px; position: relative; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity:0.5; } .connect li .connect-rss{ background-position:0px 0px; } .connect li .connect-rss:hover{ opacity:1; } .connect li .connect-lnkin{ background-position:-148px 0px; } .connect li .connect-lnkin:hover{ opacity:1; } .connect li .connect-twitter{ background-position:-111px 0px; } .connect li .connect-twitter:hover{ opacity:1; } .connect li .connect-facebook{ background-position:-74px 0px; } .connect li .connect-facebook:hover{ opacity:1; } .connect li .connect-gplus{ background-position:-37px 0px; } .connect li .connect-gplus:hover{ opacity:1; } .connect li .connect-reddit{ background-position:-185px 0px; } .connect li .connect-reddit:hover{ opacity:1; } .connect li .connect-digg{ background-position:-222px 0px; } .connect li .connect-digg:hover{ opacity:1; } .connect li .connect-tumblr{ background-position:-260px 0px; } .connect li .connect-tumblr:hover{ opacity:1; } /**********************************************************/ /* Creativo Quote Box */ /**********************************************************/ .outer_qbox{ width:100%; } .qbox{ color:#767676; -webkit-transition: border-color .2s linear, color .2s linear; -moz-transition: border-color .2s linear, color .2s linear; -o-transition: border-color .2s linear, color .2s linear; -ms-transition: border-color .2s linear, color .2s linear; transition: border-color .2s linear, color .2s linear; } .qbox_icon{ float:left; margin:3px 5px; padding-right:20px; } .qbox_icon img{ max-width:64px; } .qbox:hover{ color:#363636; } .qbox_title1{ font-size:40px; line-height:normal; width:30%; float:left; line-height:45px; text-align:right; } .qbox_title2{ float:right; width:60%; border-left:1px solid #e5e2e2; padding-left:25px; } .qbox_title strong { font-style:normal; } .qbox p{ margin-bottom:0; } .qbox h1{ font-size:30px; margin-bottom:15px; line-height:normal; } .qbox h2{ font-size:24px; margin-bottom:15px; font-style:normal; padding:5px 0; } .qbox h3{ font-size:22px; margin-bottom:15px; } /**********************************************************/ /* Creativo Widgets Styles */ /**********************************************************/ .front_page_outer{ width:100%; background-color:#f8f8f8; margin:40px 0; } .front_page_in{ margin:0 auto; max-width:960px; } .content_box_title{ height:auto;text-align:center; margin-bottom:30px; font-size:30px; line-height:normal; position:relative; } .content_box_title:after, .content_box_title:before { content: ""; display: inline-block; position: relative; width: 100%; height: 1px; background-color: #f4f4f4; z-index: 1; margin-right: -100%; top:-3px; } .content_box_title:before { margin-left: -100%; margin-right: auto; } .content_box_title span.grey{ background-color:#f8f8f8; color:#666; padding:0 20px; margin:0 auto; } .content_box_title span.white{ color:#666; padding:0 10px; margin:0 auto; z-index:2; background-color: transparent; position:relative; } .design_modern .content_box_title:after, .design_modern .content_box_title:before { content: initial; } .portfolio-related .content_box_title, .portfolio-related .smaller, .posts-boxes .content_box_title, .posts-boxes .smaller { font-size:14px; text-transform: uppercase; font-weight:700; } .vc_separator .vc_sep_holder { display: table-cell; height: 1px; position: relative; vertical-align: middle; width: 50%; } .vc_separator h4 { padding-bottom: 0; padding: 0.2em 0.6em; } .vc_separator.vc_separator_align_center h4 { padding: 0 0.8em; box-sizing:border-box; } .posts-boxes .content_box_title { margin-bottom: 20px; text-align:left; overflow: hidden; } .design_modern .posts-boxes .content_box_title { margin-bottom:30px; } .design_modern .content_box_title h5 { margin-bottom: 0; font-weight: 600; font-size:13px; color:#14183c; } .design_modern .content_box_title h5.modern_big { font-size:22px; text-transform: none; text-align: center; font-weight: 400; } .design_modern.styling2 .content_box_title h5.modern_big, .design_modern.styling2 .content_box_title .sub_head { text-align: left; font-family: inherit; } .design_modern.styling2 .content_box_title h5.modern_big { font-size:18px; font-weight: 400; } .design_modern .content_box_title .sub_head { font-size: 14px; color: #abacb2; font-weight: normal; text-align: center; text-transform: none; display: block; margin-bottom:30px; margin-top:5px; } .posts-boxes .content_box_title span.white { padding-left:0; } .smaller{ font-size:20px; } .front_widget{ float:left;width:23.3%;margin-right:1%; padding-right:1%; text-align:center; color:#777; background-color:#f8f8f8; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; } .vc_front_widget{ width:100%; text-align:center; padding:1px; color:#777; background-color: transparent; -webkit-transition: background-color .2s linear, color .2s linear; -moz-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear; -ms-transition: background-color .2s linear, color .2s linear; transition: background-color .2s linear, color .2s linear; box-sizing:border-box; padding:30px 10px 0; } .front_widget a, .vc_front_widget a{ } .front_widget a:hover, .vc_front_widget a:hover{ } .vc_front_widget .view_more { padding-bottom:30px; display:block; } .product_feature:after { clear:both; } .product_feature { position: relative; } .product_feature.to_right { text-align:right; } .product_feature.to_center { text-align:center; } .product_feature.to_left_above { text-align:left; } .product_feature.to_right_above { text-align:right; } .product_feature .pf_icon { position: absolute; width: 35px; height: 35px; } .product_feature.to_left_above .pf_icon, .product_feature.to_right_above .pf_icon { position: relative; } .product_feature.to_right_above .pf_icon { margin: 0 0 0 auto; } .product_feature.to_left_above .pf_content, .product_feature.to_right_above .pf_content { padding:0 !important; } .product_feature.big .pf_icon { width: 50px; height: 50px; } .product_feature.bigger .pf_icon { width: 80px; height: 80px; } .product_feature.to_right .pf_icon { right:0; } .product_feature.to_center .pf_icon { top:0; position:relative; width:auto ; height:auto; display: block; text-align:center; margin: 0 auto; } .product_feature.to_center.bigger .pf_icon { width: 80px; height: 80px; margin-left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .product_feature.to_center.big .pf_icon { width: 50px; height: 50px; margin-left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .product_feature.big.to_center .pf_icon i, .product_feature.bigger.to_center .pf_icon i { display: initial; } .product_feature .pf_icon i { font-size:28px; line-height:35px; width:35px; height:35px; text-align:center; } .product_feature .pf_icon.rounded { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .product_feature .pf_icon.circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .product_feature.big .pf_icon i { line-height:50px; width: 50px; height: 50px; display:block; } .product_feature.bigger .pf_icon i { line-height:80px; width: 80px; height: 80px; display:block; font-size:40px; } .product_feature .pf_content { padding-left: 50px; margin-bottom:20px; } .product_feature.big .pf_content { padding-left: 70px; } .product_feature.bigger .pf_content { padding-left: 100px; } .product_feature.to_right .pf_content { padding-left: 0; padding-right:50px; } .product_feature.big.to_right .pf_content{ padding-right: 70px; } .product_feature.bigger.to_right .pf_content { padding-right: 100px; } .product_feature.to_center .pf_content { padding-left:0; padding-right:0; padding-top:0; } /* .product_feature.big.to_center .pf_content { padding-top: 70px; } .product_feature.bigger.to_center .pf_content { padding-top: 100px; } */ .product_feature .pf_content p { margin-bottom:10px; /*margin-left:-40px;*/ color: #888; } .product_feature .pf_content h4 { font-size:14px; line-height: normal; margin-bottom: 0; padding-bottom: 0; font-weight: 700; color: #444; } h3.widget-title{ font-size: 16px; font-weight:700; padding-bottom:30px; margin-bottom:0; text-align: center; text-transform:uppercase; } h3.widget-title a{ } .content_box_text{ padding: 0 10px 30px 10px; line-height: 22px; display:block; } .content_box_text p { margin-bottom:10px; } .content_box_text p:last-child{ margin-bottom: 0; } .textwidget{ /*padding:0 10px 10px 10px;*/ /*line-height:normal;*/ } .textwidget .alignleft { float:left; margin:0px 10px 10px 0px; } /**** Shortcode Image ****/ .shortcode_img { width:100px; height:100px; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; margin:0 auto; margin-bottom: 30px; display:block; } .shortcode_img.no_white_circle{ border-radius: 0; -webkit-border-radius: 0; background-color:transparent; height: auto; width: auto; } .shortcode_img.white_circle.font_icons i { line-height:100px; } .shortcode_img.no_white_circle img { max-width:none; top:auto; margin-top: 0; } .div_bar{ display:none; } /**********************************************************/ /* Creativo Counter */ /**********************************************************/ .counter { transition: border-color .3s ease-in-out; -webkit-transition: border-color .3s ease-in-out; -ms-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; } .counter .icon { font-size:30px; line-height:1.5; } .sep_align_center { text-align:center; } .counter .count_el { font-size: 35px; line-height:1.5; font-weight:700; } .counter .content_el { line-height:1.2; color: #444; padding-top:10px; } .counter_separator { width: 70px; height:1px; background-color:#444; margin:10px 0; } .sep_align_center .counter_separator { margin-left: auto; margin-right: auto; } /**********************************************************/ /* Creativo Video Background */ /**********************************************************/ .vc_row { position: relative; /*overflow: hidden;*/ } .video-bg { position: absolute; overflow: hidden; width:100%; height: 100%; top: 0; left: 0; } .vc_editor.compose-mode .vc_row .video-bg, .vc_editor.compose-mode .vc_row .video-bg.self_video { display: none; } .vc_editor.compose-mode .vc_row .video-bg:nth-child(2) { display: block; } .vc_editor.compose-mode .vc_row .video-bg.self_video:nth-child(1) { display: block; } .vc_editor.compose-mode .vc_row .video-bg.self_video:nth-child(2) { display: none; } .video-bg video { position:absolute; z-index:0; top:0; left:0; min-width:100%; min-height:100%; } video { display: inline-block; vertical-align: baseline; } .video-bg .video-overlay, .video-placeholder{ position:absolute; z-index:0; width:100%; height: 100%; top: 0; left: 0; } .video-placeholder { background-size: cover ; background-attachment: scroll ; background-position: center center; } /**********************************************************/ /* Creativo Separator 2 */ /**********************************************************/ .separator_two { position:relative; } .separator_two .line { width:40px; height:3px; background-color:#444; position:relative; } .separator_two .symbol{ width:30px; height:30px; font-size:20px; line-height:30px; text-align:center; } .separator_two.line_symbol { display:table; width:150px; } .separator_two .vc_sep_holder { display: table-cell; height: 1px; position: relative; vertical-align: middle; width: 50%; } .separator_two .vc_sep_holder .vc_sep_line { height: 1px; border-top: 1px solid #ebebeb; display: block; position: relative; top: 1px; width: 100%; } /* Left/Right Separator Style */ .separator_two.line_symbol.left_sep, .separator_two.line_symbol.right_sep { width: 92px; } .separator_two.left_sep .vc_sep_holder_l { display: none; } .separator_two.right_sep .vc_sep_holder_r { display: none; } .separator_two.left_sep .vc_sep_holder_r, .separator_two.right_sep .vc_sep_holder_l { width:100%; } .separator_two.left_sep .icon_holder { padding-left:0; } .separator_two.right_sep .icon_holder { padding-right:0; } .separator_two.line_symbol.right_sep { right: 92px; } .separator_two.line_symbol.sep_medium { width:30%; } .separator_two.line_symbol.sep_full { width:100%; } .separator_two.line_symbol.right_sep.sep_medium { right: 30%; } .separator_two.line_symbol.right_sep.sep_full { right: 100%; } .separator_two .icon_holder{ font-size:18px; line-height:40px; width:40px; height:40px; text-align:center; border-radius: 50%; -webkit-border-radius: 50%; border:1px solid transparent; } .separator_two .icon_holder.symbol_small { line-height:30px; width:30px; height:30px; font-size:15px; } .separator_two .icon_holder.symbol_extra_small { line-height:20px; width:20px; height:20px; font-size:12px; } .separator_two .icon_holder.symbol_large { line-height:50px; width:50px; height:50px; font-size:24px; } .separator_two .icon_holder.symbol_extra_large { line-height:55px; width:55px; height:55px; font-size:30px; } .separator_two .center_sep, .separator_two.center_sep { margin:0 auto; } .separator_two .left_sep { left:0; } .separator_two .line.right_sep { right:40px; margin-left:100%; } .separator_two.right_sep { margin-left:100%; right:150px; } /**********************************************************/ /* Creativo Comments */ /**********************************************************/ .comments_area{ margin-top:20px; } #comments { font-size:13px; padding-bottom:5px; } .woocommerce-Reviews #comments { margin-bottom:5px; border-bottom:1px solid #e2e2e2; } .commentlist { margin: 10px 0 20px; list-style-type: none; padding-left:0; } .design_modern .commentlist { margin-bottom:50px; } .comments-title{ font-size:14px; font-weight:700; text-transform:uppercase; padding-top:15px; color:#666; padding-bottom:10px; } .reply-title{ font-size:14px; font-weight:700; padding-top:5px; padding-bottom:10px; text-transform:uppercase; } .page-template-template-full-width-php .commentlist { width: 560px; } .commentlist li.comment > div { } /* .commentlist li.comment:first-child > div { border-top: none; } */ .commentlist .children li.comment:first-child > div { } .pinglist { margin: 20px 0 40px 30px; list-style-type: decimal; } .comment { padding-bottom:20px; } .comment_quote { border:1px solid #f0f0f0; padding:20px; padding-bottom:0; background-color: #f9f9f9; position: relative; } .design_modern .comment { margin-bottom:20px; } .design_modern .commentlist .comment_quote { background-color: transparent; border: none; } .design_modern .commentlist .comment_quote:after { content: initial; } .review .comment_quote { padding:20px; background-color:transparent; text-align:center; border:none; font-size: 14px; font-weight:300 ; line-height:1.5; } .reviews .comment_details { margin: 0; } .reviews .comment_author_details { float: none; text-align:center; } .review_picture { width:70px; height:70px; margin:0 auto; } .review_picture img { border-radius:50%; -webkit-border-radius: 50%; } .reviews .comment_author_details span { color: #7dc771; } .review .comment_author_details .comment-author { font-size:12px; /*text-transform: uppercase;*/ } .reviews .flexslider ul { list-style:none; padding:0; } .reviews .flex-direction-nav a { opacity: 1 !important; position: relative; border:none; background-color: #ccc; margin:0; left:auto !important; right:auto !important; border-radius:4px; margin:0 2px; } .reviews .flex-direction-nav a:hover { background-color: #444; } .reviews .flex-direction-nav { height:auto; margin:0; padding: 0; text-align:center; } .reviews .flex-direction-nav li { display:inline-block; } .review_inside { position: relative; font-weight:normal; } .review .comment_quote:after { background: none; } .review span.green { color: #5bc98c; } .review span.blue { color: #44b6df; } .review span.red { color: #F6677B; } .review span.yellow { color: #febf4d; } .review span.purple { color: #ee79ba; } .review span.grey { color: #8b8a8a; } .review span.black { color: #5c5c5c; } /* .review_inside:after { background-color: #58A623; height: 3px; width:100%; content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; right: -1px; } */ .review_inside.green:after { background-color: #86ba41; } .review_inside.red:after { background-color: #e86343; } .review_inside.blue:after { background-color: #67b7e1; } .review_inside.yellow:after { background-color: #FCD746; } .review_inside.purple:after { background-color: #8463a9; } .review_inside.black:after { background-color: #24282e; } .review_inside.grey:after { background-color: #E1E1E1; } .comment_quote:after { background: url(images/tri-comments.png) no-repeat 50% 0; content: ''; display: block; width: 23px; height: 16px; position: absolute; left: 20px; bottom: -16px; } .comment_details { margin-top:20px; } .comment_image { width:35px; float:left; margin-right:20px; } .comment_author_details { float:left; position:relative; top:2px; } .design_modern .comment_image { width:70px; } .design_modern .comment_body { display: inline-block; width: calc(100% - 90px); } .design_modern .comment_author_details { float: none; } .depth-2, .depth-3, .depth-4, .depth-5 { border-bottom:none; margin-bottom:-10px; margin-left:55px; } #commentform input { margin-right: 10px; } #commentform label small { font-size: 13px; } #commentform label small span { color: #b2b2b6; } #commentform textarea { width: 100%; } .children { list-style-type: none; margin-top: 15px; padding-top: 10px; } .product-categories .children { padding-top:0; margin-top:5px; } .product-categories .children li a { padding-left: 20px; } .product-categories .children li a:before { content:"\f0da"; font-family: fontawesome; font-size: 12px; position: absolute; left: 8px; } .avatar { border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .comment .avatar { margin: 0 0 0 0; } /* .bypostauthor .avatar { border:1px solid #c4df9e; padding:1px; } */ .comment-meta, .comment-meta a { border-bottom: none; color: #555; font-size: 11px; font-style:italic; line-height: 18px; } .comment-author-admin {} .comment-author { color: #333; font-weight:400; font-style: normal; } .design_modern .comment-author h6 { font-size: 17px; color: #14183c; } .comment-author span { font-size:16px; line-height:1.5; } .design_modern .comment-author span { font-size: 12px; margin-left:2px; line-height: normal; color: #939399; } .comment-author cite { font-style: normal; } /*.comment-author a { border-bottom: 1px dotted #333; }*/ .comment-author a:hover { border-bottom: none; } .nocomments { text-align: center; margin-left: 120px; padding: 0 20px 20px; } .comment-body ul { list-style-type: disc; } .comment-body ol { list-style-type: decimal; } .clear { clear:both; } .design_modern #respond { padding: 30px; background-color: #ffffff; box-sizing: border-box; margin-bottom:60px; } .design_modern.styling2 #respond { padding:30px 0; } .design_modern.styling2 .button.large { padding:10px 25px ; } .design_modern .comment_fields { margin-bottom:50px; } .design_modern .comment_half { width: 48%; float: left; } .design_modern .comment_half.last { float: right; } #respond label { font-size: 12px; text-transform: uppercase; color: #abacb2; letter-spacing: 0px; } .design_modern .comment_half input[type=text] { margin-right:0; border-width: 0px; border-bottom-width: 2px; border-color: #d7d7d9; color: #14183c; } .design_modern .comment_textarea { margin-bottom: 50px; } .design_modern .comment_textarea textarea { border-width: 0px; border-bottom-width: 2px; border-color: #d7d7d9; color: #14183c; } .design_modern #commentform input { margin:0; } /**********************************************************/ /* Creativo Portfolio Settings */ /**********************************************************/ .row{ margin:20px auto auto; max-width:960px; padding:20px; position: relative; } .page-template-portfolio-four-column .row, .page-template-portfolio-three-column .row, .page-template-portfolio-two-column .row { margin-bottom:80px; } .row.design_modern { margin-top:0; padding-top:0; } .row.no_featured_images { margin-top:50px; } .error404 .row { margin-bottom:20px; position: relative; } .row.force_full_width { max-width: 100%; } .row_full{ /*margin:30px 0; */ max-width:960px; margin:0 auto; position:relative; } .row_full_width { width: 100%; margin-bottom:40px; } .row_full_width.design_modern { position: relative; background-position: center top; } .woocommerce-page .row_full { margin-top:40px; margin-bottom:40px; }/* .woocommerce-page .row_full .woocommerce { padding-bottom:20px; border-bottom:3px double #e9e9e9; } .woocommerce-page .woocommerce .button { margin:0; outline: none; } */ .woocommerce-page.woocommerce-account .row_full .woocommerce, .woocommerce-page.woocommerce-account .row .woocommerce { border-bottom: none; } .row:after{ content:""; display:block; clear:both; } .outer_wrap{ width:100%; } .lightgrey{ background-color:#f8f8f8; padding:30px 0; } .white{ background-color:#fff; } .inner_wrap{ max-width:940px; margin:0 auto; } .no-more-margins .inner_wrap_margins { margin-left:0; margin-right:0; } .inner_wrap_margins { margin-left: -15px; margin-right: -15px; } .blogpost .inner_wrap_margins { margin:0; } .vc_row .inner_wrap .inner_wrap_margins #content { margin-left: 0; margin-right: 0; } .vc_row .inner_wrap_margins #content { margin-left: 0; margin-right: 0; } .vc_row.equal-height-columns { margin-left:0; margin-right: 0; } .row_align_center { text-align:center; } #content .inner { padding-left: 0; padding-right: 0; } .inner_projects{ max-width:940px; margin:0 auto; } .portfolio_tags{ color: #fff; padding: 10px 5px; margin: 0 30px; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.5); text-align:center; } .portfolio-tabs{ list-style:none; margin:20px 0; overflow:hidden; line-height:38px; text-align:left; padding-top:1px; } .portfolio-tabs a:hover{ color:#666; background-color:#E1F4C6; } .portfolio-tabs li{ display:inline-block; /*margin-right:5px;*/ border:1px solid #f1f1f1; margin-left: -1px; margin-top: -1px; } .portfolio-tabs li:first-child { margin-left: 0; } .portfolio-tabs.portfolio-templates li { display:block; float:left; } .portfolio-tabs li:last-child { border-right:1px solid #f1f1f1; } .portfolio-tabs li span{ color:#ddd; margin-right:2px; } .portfolio-tabs li a{ padding:0 20px; color:#9b9b9b; display:block; background-color:#fff; } .portfolio-tabs li a /* .portfolio-tabs li.active{ line-height:34px !important; } */ .portfolio-tabs.filters_modern li.active a, .portfolio-tabs.filters_modern li a{ background-color:transparent !important; border: none; padding:0 3px; margin:0 15px; } .portfolio-tabs.filters_modern li a { line-height: 30px; text-transform: uppercase; } .portfolio-tabs.filters_modern li { border: none; } .portfolio-tabs.filters_modern li.active a { border-bottom:2px solid #ccc; } .portfolio-item .portfolio_details { text-align:center; padding:15px 0; background-color:#fff; } .portfolio-item .portfolio_details a { color:#555; } .portfolio-item .portfolio_details .tags a, .portfolio-item .portfolio_details .tags{ color: #b5b8bf; font-size:12px; } .portfolio-item .no_tags { display: none; } .portfolio-item .portfolio_details .tags i { font-size:11px; color: #d7d8db; margin-right:5px; } .portfolio-item .portfolio_details h3 { font-size:13px; font-weight:700; text-transform:uppercase; line-height:20px; padding-bottom:0; letter-spacing:1px; margin-bottom:0; } .portfolio-one .portfolio-item{ background-color:transparent; margin-bottom:20px; padding:10px; overflow:hidden; width:98%; } .portfolio-one .project-feed { margin:0; background-color:#f3f3f3; } .portfolio-one .portfolio-item .image{ width:540px; float:left; margin-right:25px; } .portfolio-one .portfolio-item h2{ margin:0 !important; padding:0 !important; margin-bottom:10px !important; } .portfolio-one .portfolio-item h4{ margin:0 !important; padding:0 !important; margin-bottom:25px !important; font-weight:normal; font-size:13px; } .portfolio-one .portfolio-item p{ margin:0; margin-bottom:20px; } .portfolio-two .portfolio-item{ width:460px; margin:5px; background-color: transparent; overflow:hidden; } .portfolio-three .portfolio-item{ width:300px; margin:6px; background-color: transparent; overflow:hidden; } .portfolio-four .portfolio-item{ width:220px; margin:7px; background-color: transparent; overflow:hidden; } .portfolio-five .portfolio-item{ width:180px; height:197px; margin:11px; background-color:transparent; } .portfolio-four .portfolio-item:hover{ border-color: 1px solid #A0CE4E; } .portfolio-four .image-extras-content{ } .portfolio-full .flexslider{ margin-bottom:70px; } .portfolio-full .project-content{ margin-bottom:80px; } .portfolio-one .fluid-width-video-wrapper{ position:static !important; } #content{ padding-bottom:0px; } #content_related{ padding-bottom:25px; } #content-blog{ padding-bottom:25px; } .portfolio-area{ padding-bottom:20px; } .portfolio-navigation { border-top: 1px dotted #eee; border-bottom: 1px dotted #eee; margin: 15px 0 ; padding: 15px 0 ; } .blogpost .portfolio-navigation { border-top: 1px dotted #eee; border-bottom: none; margin: 15px 0 0 0 ; padding: 15px 0 0 0 ; } .portfolio-navigation a{ color:#777; } .portfolio-navigation a:hover { color:#58A623; } .portfolio-navi-next { float:right; } .portfolio-navi-next i { margin-right: 3px; font-size:12px; } .portfolio-navi-previous { float:left; } .portfolio-navi-previous i { margin-left: 3px; font-size:12px; } /* Posts Navigation with Thumbs */ .posts_navigation_thumbs { margin:20px 0 30px; padding-top:30px; border-top:1px solid #e7e7e7; } .thumbs_next_post { float:right; text-align: right; width:50%; padding-left:10px; box-sizing: border-box; } .thumbs_prev_post { float: left; width:50%; padding-right:10px; box-sizing: border-box; } .thumbs_next_post a, .thumbs_prev_post a{ display: table; width:100%; } .thumbs_next_post span, .thumbs_prev_post span { display: table-cell; vertical-align: middle; font-size:12px; font-weight: 500; line-height: 1.4; } .thumbs_prev_post span { text-align: left; padding-right: 0; } .thumbs_prev_post .navi_content { padding-left:10px; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; } .thumbs_next_post .navi_content { padding-right:10px; } .thumbs_prev_post, .thumbs_next_post { transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; } .thumbs_prev_post:hover, .thumbs_next_post:hover { background-color: #f7f7f7; } .navi_thumb { width:70px; } .navi_content h5 { margin-bottom:0; margin-top:5px; font-size:15px; font-weight: 600; } .portfolio-misc-info { margin:20px 0 10px; line-height:normal; } .portfolio-misc-info-left{ float:right; margin-right:10px; margin-top:13px; border-bottom:none; } .portfolio-related{ padding-top:40px; overflow: hidden; position: relative; } .posts-boxes{ padding-top:30px; padding-bottom:20px; } .design_modern .posts-boxes { padding:0; } .design_modern .posts-boxes.related_posts { margin-bottom:60px; } .toppadding { padding-top:20px; padding-bottom:0; } .title_related{ margin:20px auto; max-width:940px; } .title_related h2{ font-size:20px; color:#666; background:url(images/dots.png) repeat-x 0px 10px; line-height:normal; padding:0px; } .title_related h2 span{ background-color:#fff; padding:0 5px; } .project-info-box{ padding:10px 0; color: #a1b1bc; border-bottom: 1px solid #f2f2f2; } .no-border{ border-bottom: none; } .project-info-box strong{ font-style: normal; color:#666; font-weight:600; } .project-info-box .left_content { float: left; width: 100px; } .project-info-box .right_content { float: left; width: 180px; } .project-description { padding-bottom:5px; color:#666; } .portfolio-misc-info .social_ic_margin { border:1px solid #f2f2f2; margin-top:10px; text-align:center; } .project-description h3,.portfolio-misc-info h3 { padding:10px 0; line-height:normal; font-size:14px; text-transform:uppercase; font-weight:700; } .portfolio-misc-info h3 { padding-top:0; } .project-content h1, .project-content h2 { font-size:22px; padding:0; margin:0; } .project-content.full_desc .date { padding-bottom:20px; border-bottom: 1px solid #f2f2f2; } .date i { margin-right: 5px; } .project-content .date { color: #bfbfbf; } .project-content .project-description { margin-top:20px; } .project-content .project-description p:last-child { margin-bottom:0; } .project-content.full_desc .project-description { float:left; width:65%; } .project-content.full_desc .project-description.full_description { float: none; width: 100%; } /* Modern Portfolio Single Page */ .sp_title_desc { margin-top: 70px; margin-bottom: 70px; text-align: center; } .sp_title_desc h2.sp_title { color: #14183c; font-size: 70px; margin-bottom:20px; font-weight:300; line-height: normal; } .sp_title_desc .sp_description p:last-of-type { margin-bottom:0; } .sp_title_desc .sp_description{ color: #757575; } .sp_title_desc .sp_description h1, .sp_title_desc .sp_description h2, .sp_title_desc .sp_description h3, .sp_title_desc .sp_description h4, .sp_title_desc .sp_description h5, .sp_title_desc .sp_description h6 { margin-top:20px; margin-bottom:20px; } .sp_title_desc .sp_description ul { padding-left: 30px; list-style: disc; } .sp_title_desc .sp_description ol { padding-left:30px; } .portfolio-modern .portfolio-misc-info { margin: 0; padding: 30px; background-color: #ffffff; margin-bottom:30px; text-align: center; } .portfolio-modern .portfolio-misc-info h3 { padding-top: 0; padding-bottom: 0; margin-bottom: 5px; color: #939399; font-size: 13px; font-weight: 600; } .portfolio-modern .project-info-details { display: inline-block; margin-right: 60px; text-align: left; } .portfolio-modern .project-info-details:last-of-type { margin-right:0; } .portfolio-modern .project-info-details span, .portfolio-modern .project-info-details span a { font-size: 12px; color: #939399; } /* modern portfolio half width */ .modern_portfolio_half { background-color: #ffffff; margin:60px 0; } .modern_portfolio_image { width:50%; float:left; } .modern_portfolio_content { width:50%; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; } .modern_portfolio_content .sp_title_desc { text-align: left; margin:0; padding:30px; box-sizing: border-box; } .modern_portfolio_content .sp_title_desc h2.sp_title { font-size:50px; line-height: 1.2; } .portfolio-modern .modern_portfolio_content .portfolio-misc-info { text-align:left; } .portfolio-modern .modern_portfolio_content .portfolio-misc-info { margin:0; background-color: transparent; } .fixed_portfolio { position: relative; } .fixed_portfolio .sp_title_desc { padding-bottom:105px; } .modern_portfolio_half .portfolio-misc-info{ border-top: 1px solid #ebebed; } .portfolio-modern .fixed_portfolio .portfolio-misc-info { position: absolute; bottom:0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .portfolio-modern .navigation_share_area { position: relative; margin-bottom:30px; } .portfolio-modern .portfolio-navigation { border: none; } .portfolio-modern .social_icons .get_social, .portfolio-modern .social_icons .share_text { float: none; display: inline-block; } .portfolio-modern .get_social li a { background-color: #ffffff; } .portfolio-modern .social_icons .get_social .portfolio-modern .portfolio-navigation { border: none; padding: 20px 0; margin: 0; } .portfolio-modern .portfolio-navigation a h4 { font-size: 13px; text-transform: uppercase; color: #939393; font-weight: bold; margin-bottom: 0; line-height: 45px; } .portfolio-modern .portfolio-navigation .portfolio_prev_link { float: left; } .portfolio-modern .portfolio-navigation .portfolio_next_link { float: right; } .share_posts_wrap { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .portfolio-modern .social_icons .share_text { font-weight: 500; font-size: 13px; text-transform: uppercase; color: #f33763; } .portfolio-modern .related_posts_img { position: relative; } .portfolio-modern .title_categ_over { position: absolute; width:100%; height:100%; background-color: #ffffff; opacity: 0; top:0; left:0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; text-align: center; cursor: pointer; } .portfolio-modern .related_posts_img:hover .title_categ_over { opacity: 1; } .portfolio-modern .title_categ_over_wrap { display: block; position: relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .portfolio-modern .title_categ_over_wrap h4 a { font-size:17px; color: #4e5ee9; } .portfolio-modern .title_categ_over_wrap h4 { position: relative; left:-100%; font-weight: 500; margin-bottom:0; transition: left .3s ease-in-out; -webkit-transition: left .3s ease-in-out; } .portfolio-modern .related_posts_img:hover .title_categ_over_wrap h4 { left:0; } .portfolio-modern .related_port_categ a, .portfolio-modern .related_port_categ { font-size:12px; color: #98999e; } .portfolio-modern .related_port_categ { position: relative; right:-100%; transition: right .3s ease-in-out; -webkit-transition: right .3s ease-in-out; } .portfolio-modern .related_posts_img:hover .title_categ_over_wrap .related_port_categ { right:0; } .portfolio-modern .related_posts_title { color: #14183c; margin-bottom:20px; font-size:13px; font-weight:bold; text-transform: uppercase; } .portfolio-modern .posts-boxes { padding-top: 60px; padding-bottom: 60px; } /* Portfolio Modern Category */ .portfolio-item-modern { margin-bottom:30px; background-color: #ffffff; width:100%; } .portfolio-modern-image { max-width: 550px; float:left; } .portfolio-modern-description { float:left; min-height:353px; width:calc(100% - 550px); } .potfolio-modern-content-wrap { padding:35px; box-sizing: border-box; padding-bottom:30px; } .potfolio-modern-content-wrap .portfolio-modern-categs h4 { margin-bottom:10px !important; } .portfolio-modern-content p { margin-bottom:0; } .portfolio-modern-categs a, .portfolio-modern-categs { font-size: 17px; color: #2b7ce6; } .portfolio-modern-title h3 { margin-bottom:10px; } .portfolio-modern-title h3 a { font-size:40px; color:#14183c; font-weight: 300; } .portfolio-modern-content { color:#757575; } .portfolio-modern-proj-details { border-top:1px solid #ebebed; position:relative; bottom:0; } .portfolio-modern-proj-details .portfolio-misc-info { margin-bottom:0; padding:30px 35px; text-align: left; } /* 3D portfolio */ /*=====================================*/ .ch-item { position: relative; cursor: default; -webkit-perspective: 300px; -moz-perspective: 300px; -o-perspective: 300px; -ms-perspective: 300px; perspective: 300px; overflow:hidden; } .ch-info{ position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ch-info > div { display: block; position: absolute; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 24px; line-height:34px; margin: 0 15px; padding: 20px 0 0 0; min-height: 90px; text-align:center; } .ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); } .ch-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; } .portfolio-4, .ch-info-front4 { width: 220px; height: 161px; } .portfolio-3{ width: 300px; height: 214px; } .portfolio-3 .portfolio_tags{ font-size:18px; } .portfolio-3 h3{ font-size:28px; min-height:135px; } .portfolio-2{ width: 460px; height: 295px; } .portfolio-2 .portfolio_tags{ font-size:20px; } .portfolio-2 h3{ font-size:36px ; min-height:180px; } .portfolio-1{ width: 540px; height: 272px; } .portfolio-1 .portfolio_tags{ font-size:20px; } .portfolio-1 h3{ font-size:36px ; min-height:180px; } .ch-info .ch-info-back4 { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); opacity: 0; } .ch-info .ch-info-back3 { -webkit-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-300px) rotate3d(1,0,0,90deg); opacity: 0; } .ch-info .ch-info-back2 { -webkit-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-460px) rotate3d(1,0,0,90deg); opacity: 0; } .ch-info .ch-info-back1 { -webkit-transform: translate3d(0,0,-540px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-540px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-540px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-540px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-540px) rotate3d(1,0,0,90deg); opacity: 0; } .ch-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); } .ch-item:hover .ch-info-front4 { -webkit-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,220px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .ch-item:hover .ch-info-front3 { -webkit-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,300px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .ch-item:hover .ch-info-front2 { -webkit-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,460px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .ch-item:hover .ch-info-front1 { -webkit-transform: translate3d(0,540px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,540px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,540px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,540px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,540px,0) rotate3d(1,0,0,-90deg); opacity: 0; } #content .ch-item:hover .ch-info-back4, #content .ch-item:hover .ch-info-back3, #content .ch-item:hover .ch-info-back2, #content .ch-item:hover .ch-info-back1 { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } /* Creativo elastic video css */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sidebar-widget .video-container{ padding-top:0px; height:100px; padding-bottom:30%; } .modern_video_background { position: absolute; width:100%; height:100%; overflow: hidden; } .modern_video_background .video-container:after, .modern_video_background .video-poster-mobile:after { content: ""; position: absolute; width: 100%; height:100%; z-index:5; } /* Image Hover */ figure a .text-overlay, figure.event_image_list .text-overlay { opacity: 0; height: 100%; position: absolute; text-decoration: none; width: 100%; z-index: 100; background: #80c550; background: rgba(128,197,80,0.90); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } figure a:hover .text-overlay, figure.event_image_list:hover .text-overlay { opacity: 1 } figure a .text-overlay .info { text-align: center; top: 50%; width: 100%; left: 0; position: absolute; margin-top: -20px; color: #fff; font-size: 13px; font-weight: normal; text-transform: uppercase; } .related_posts figure a .text-overlay .info, .posts-grid figure a .text-overlay .info { margin-top:-20px; } figure a .text-overlay .info i { display: block; font-size:16px; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; background-color: #444; border-radius: 50%; } /* Project Feed --------------------------------*/ .project-feed { margin: 0; overflow:hidden; } .project-feed .info { width: 100%; height:100%; } .project-feed .info a { display: block; width:100%; height: 100%; } .project-feed a i { display: block; font-size:16px; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; background-color: #444; border-radius: 50%; text-align:center; position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; } .project-feed .title { text-align:center; width:100%; font-size:15px; margin-top:4px; } .project-feed .blogpost { text-align:center; width:100%; font-size:15px; } .args i { font-size:12px; margin-right:2px; color: #bcbcbc; } .project-feed .args { text-align:center; width:100%; font-size:13px; } /* .project-feed a, .project-feed a:hover { color:#fff; } */ /* .project-feed .title a:hover, .project-feed .blogpost a:hover { background-color:#E1F4C6; color:#666; } */ .project-feed .args a { color:#666; padding:2px 0px; } /* .project-feed .args a:hover { background-color:#E1F4C6; } */ .gallery_zoom{ position: absolute; top: 0px; left: 0px; display: none; background-color: #b4e56b; } .one-fourth .flex-control-nav, .one-third .flex-control-nav, .one-half .flex-control-nav, .image_show .flex-control-nav { display:none; } .one-fourth .flexslider, .one-third .flexslider, .one-half .flexslider, .image_show .flexslider{ border:none; } .one-fifth .gallery_zoom { width: 180px; } .one-fourth .gallery_zoom { width: 220px; } .one-fourth-recent .gallery_zoom { } .one-third .gallery_zoom { width: 300px; height: 214px; } .one-half .gallery_zoom { width: 460px; height: 295px; } .full .gallery_zoom { top: 10px; left: 10px; width: 540px; height: 272px; } .full-blog{ } .full-blog .gallery_zoom { width: 100%; height:auto; } .full .image_show{ float: left; width: 540px; height:272px; padding-right:20px; overflow:hidden; position:relative; z-index: 999; } .full .description { position:relative; top:80px; text-align:center; } .full .title { text-align:left; font-size:20px; } .full .args { text-align:left; } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**********************************************************/ /* Creativo Breadcrumb & Title */ /**********************************************************/ .page-title{ overflow:hidden; } .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6, .page-title div:not(.breadcrumb), .page-title p { font-size: 18px; margin-bottom: 0; line-height:1.6; } .page-title h3.subhead { font-size:13px; margin-bottom: 0; line-height:1.6; } .page-title ul{ /*float:right;*/ list-style:none; margin:0; padding:0; } .page-title .breadcrumb{ } .page-title ul li, .page-title .breadcrumb{ margin:0; padding:0; display:inline-block; color:#666; font-size:12px; margin-right:5px; text-transform:lowercase; } .page-title ul li a, .page-title .breadcrumb a{ color:#666; padding-right:5px; } .page-title ul li a:hover, .page-title .breadcrumb a:hover{ color:#888; padding-right:5px; } .page-title ul li:after{ content:'/'; } .page-title ul li:last-child:after{ content:''; } /**********************************************************/ /* Creativo Popular / Recent Tabs */ /**********************************************************/ .tab-holder{ } .tab-holder .tabs-wrapper .tabs{ margin-bottom: 0; padding-left: 0; border-bottom: 0; list-style: none; } .tab-holder .tabs:after, .tab-holder .tabs:before { content: " "; display: table; } .tab-holder .tabs:after { clear:both; } .tab-holder .tabs li{ position: relative; display: block; float: left; margin: 0 0 -1px; } .sidebar-widget .tab-holder .tabs li{ background:none; padding:0; } .tab-holder .tabs li a{ position: relative; display: block; margin-right: -1px; padding: 8px 20px 8px; border: 1px solid transparent; z-index: 1; font-size: 13px; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; text-decoration: none; outline: none; color: #70757a; background: #f8fafa; border-color: #e5eaea; } .tab-container { background: #ffffff; border: 1px solid #e5eaea; } .shortcode-tabs .tab-hold .tabs li.active a, .shortcode-tabs .tab-hold .tabs li.ui-tabs-active a{ z-index: 3; background: #ffffff; border-color: #e5eaea; border-bottom-color: #ffffff; color: #2e343c; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tab-holder .tabs-wrapper.style2 .tabs, .tab-holder .tabs-wrapper.style3 .tabs { margin-left:20px; } .tab-holder .style2 .tabs li a, .tab-holder .style3 .tabs li a, .tab-holder .style4 .tabs li a { font-weight: 600; text-transform: uppercase; } .style2 .tab-container, .style3 .tab-container, .style4 .tab-container { border-left:transparent; border-right:transparent; } .tab-holder .style3 .tabs li a, .tab-holder .style4 .tabs li a { border-color:transparent; background-color: transparent; } .shortcode-tabs .tab-hold.style4 .tabs li.active a { border-color:transparent; border-bottom-color: #e5eaea; } .shortcode-tabs .tab-hold.style4 .tabs li.active a:after { bottom:-2px; top: auto; height:3px; } .shortcode-tabs .style4 .tab_content { padding: 30px 20px; } .shop_attributes tr { line-height:30px; } .shop_attributes tr:nth-child(even) { background-color: #f2f2f2; } .shortcode-tabs .tab-hold .tabs li.active a:after, .shortcode-tabs .tab-hold .tabs li.ui-tabs-active a:after { content: ""; background: #ccc; display: block; position: absolute; top: -1px; left: -1px; right: -1px; z-index: 1; height: 2px; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .shortcode-tabs .tab_content{ position: relative; z-index: 2; padding: 20px; overflow: hidden; } .shortcode-tabs .tab_content *:last-child{ margin-bottom:0; } /* .shortcode-tabs{ margin:20px 0; } */ .shortcode-tabs .tab-hold .tabs li.green.active a:after, .shortcode-tabs .tab-hold .tabs li.green.ui-tabs-active a:after { background: #5bc98c; } .shortcode-tabs .tab-hold .tabs li.blue.active a:after,.shortcode-tabs .tab-hold .tabs li.blue.ui-tabs-active a:after { background: #6FB1C7; } .shortcode-tabs .tab-hold .tabs li.yellow.active a:after ,.shortcode-tabs .tab-hold .tabs li.yellow.ui-tabs-active a:after{ background: #E6B650; } .shortcode-tabs .tab-hold .tabs li.red.active a:after,.shortcode-tabs .tab-hold .tabs li.red.ui-tabs-active a:after { background: #D96D7C; } .shortcode-tabs .tab-hold .tabs li.purple.active a:after,.shortcode-tabs .tab-hold .tabs li.purple.ui-tabs-active a:after { background: #CD93C6; } .shortcode-tabs .tab-hold .tabs li.grey.active a:after,.shortcode-tabs .tab-hold .tabs li.grey.ui-tabs-active a:after { background: #CCCCCC; } .shortcode-tabs .tab-hold .tabs li.black.active a:after,.shortcode-tabs .tab-hold .tabs li.black.ui-tabs-active a:after { background: #4D4D4D; } /* Author Box */ .author_box{ background-color:transparent; position:relative; } /* .author_box:after { background-color: #58A623; height: 3px; content: ""; display: block; position: absolute; left:-1px; top: -1px; right: -1px; z-index: 1; bottom: -1px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear; transition: background-color .2s linear; } */ .author_box h3{ padding:5px 0; } .author_pic{ float:left; width:130px; padding-right:20px; } .author_description { min-height: 90px; } .author_description p { margin-bottom:0; } .author_render { margin-bottom:30px; padding-bottom:50px; border-bottom:1px solid #e7e7e7; } .design_modern .author_box { border: none; padding: 50px 0; margin-bottom: 50px; border-bottom: 1px solid #e3e3e5; } .design_modern .author_box:after { content: initial; } .design_modern .author_pic { width: 150px; } .design_modern .author_box h3 { padding: 0; margin-top:0; line-height: 1; margin-bottom:20px; font-size:22px; font-weight: 400; } .design_modern .author_box h4 { font-size:13px; font-weight: 600; letter-spacing:1px; margin-bottom:0; color:#abacb2; text-transform: uppercase; } .posts-related { padding-top:5px; padding-bottom:20px; } /**********************************************************/ /* Creativo Shortcodes */ /**********************************************************/ .s1_2, .s1_3, .s2_3, .s3_4, .s1_4 ,.s1_5,.s2_5,.s3_5, .s4_5 { margin-right: 2%; float: left; line-height:21px; margin-bottom:10px; position:relative; } .s1_2 { width: 49%; } .s1_3 { width: 32%; } .s2_3 { width: 66%; } .s1_4 { width: 23.5%; } .s3_4 { width: 74.5%; } .s1_5 { width: 18.4%; } .s2_5 { width: 38.8%; } .s3_5 { width: 59.2%; } .s4_5 { width: 79.6%; } .final { margin-right: 0 !important; clear: right; } .clearall{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } /* Dropcap Shortcode */ .dropcap { margin-right: 6px; margin-left: 2px; font-size: 49px; width: 50px; height: 50px; line-height: 50px; text-align: center; float: left; position:relative; top:4px; } .dropcap_sm { margin-right: 6px; margin-left: 2px; font-size: 29px; width: 30px; height: 30px; line-height: 30px; text-align: center; float: left; position:relative; top:4px; } .green_dc{ color:#A5CB5E; } .yellow_dc{ color:#FEAD4D; } .red_dc{ color:#E4436C; } .blue_dc{ color:#51C4ED; } .purple_dc{ color:#D798D1; } .black_dc{ color:#444; } .grey_dc{ color:#aaa; } .white_dc{ color:#fff; } /* Divider Shortcode */ .divider_blank{ height:1px; } .divider_solid{ height:1px; border-top:1px solid #ececec; } .divider_double{ height:1px; border-top:3px double #ececec; } .divider_dotted{ height:1px; border-top:1px dotted #ddd; } .circle{ -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; } .rounded{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .blank{ line-height:30px; } /* Highlight Shortcode */ .high_yellow { background:#febf4d; padding:0 3px; } .high_green { background:#a5cb5e; color:#fff; padding:0 3px; } .high_red { background:#e4436c; color:#fff; padding:0 3px; } .high_blue { background:#73d0f1; color:#fff; padding:0 3px; } .high_purple { background:#d798d1; color:#fff; padding:0 3px; } .high_black { background:#454545; color:#fff; padding:0 3px; } .high_grey { background:#e1e1e1; padding:0 3px; } /* Custom Blockquote Shortcode */ blockquote{ font-size:13px; color:#666; border-left:3px solid #CCC; padding:10px 40px 10px 20px; margin:30px; line-height:20px; background-color:#f8f8f8; font-style: italic; } blockquote p{ margin-bottom:0px; } .review{ position: relative; } .reviews{ margin-bottom:20px; } .hide_images .review_picture { display: none; } .clients_grid .review { box-sizing:border-box; padding:20px; float:left; margin:0 2% 2% 0; } .clients_grid .review .comment_quote { padding: 10px 0; } .clients_grid.cols-1 .review { width:100%; float:none; margin-right:0; } .clients_grid.cols-2 .review { width:49%; } .clients_grid.cols-3 .review { width:32%; } .clients_grid.cols-4 .review { width:23.5%; } .clients_grid.cols-2 .review:nth-child(2n), .clients_grid.cols-3 .review:nth-child(3n), .clients_grid.cols-4 .review:nth-child(4n) { margin-right:0; } .clients_grid.cols-2 .review:nth-child(2n+1), .clients_grid.cols-3 .review:nth-child(3n+1), .clients_grid.cols-4 .review:nth-child(4n+1) { clear:left; } .clients_grid.cols-2 .review:first-child, .clients_grid.cols-3 .review:first-child, .clients_grid.cols-4 .review:first-child { clear:none; } .clients_grid .comment_details { margin-top:0; } .clients_grid .comment_author_details { float: none; text-align: center; } .review.left_image .comment_quote { padding-left:85px; padding-top:0; text-align: left; } .hide_images .review.left_image .comment_quote { padding-left: 0; } .clients_grid .left_image .review_picture { position:absolute; top:24px; } .clients_carousel .left_image .review_picture { top:4px; position: absolute; } .review.left_image .comment_author_details, .left_dots.owl-theme .owl-controls{ text-align:left; padding-left:85px; } .hide_images .review.left_image .comment_author_details, .hide_images .left_dots.owl-theme .owl-controls { padding-left: 0; } /* Section Separator */ .section_separator { position:absolute; height:50px; width:100px; left:50%; margin-left:-50px; z-index:200; margin-bottom:-50px !important; margin-top:-1px; } .section_separator_outer{ position:absolute; width:100%; height:100%; overflow:hidden; } .section_separator_inner{ width:50px; height:50px; position:relative; transform: translateX(50%) rotate(45deg); -webkit-transform: translateX(50%) rotate(45deg); background-color: #cccccc; top:-40px; border:1px solid #cccccc; margin-left:-2px; } .ss_small .section_separator_inner{ top:-50px; } .ss_big .section_separator_inner{ top:-30px; } .sp_left { left:0%; margin-left:0; } .sp_right { right:0%; left:auto; margin-left:0; } /* Team Member Element */ .team_member { position:relative; margin-bottom:40px !important; } .team_image { position: relative; } .team_image a{ display: block; } .team_image img { width: 100%; height: auto; } .team_member.round .team_image { border-radius: 50%; -webkit-border-radius:50%; overflow:hidden; } .team_member .team_image .overlay_effect { display:block; position:absolute; top:0; width:100%; height:100%; opacity:0; background-color:#000; transition: opacity .2s linear; -webkit-transition: opacity .2s linear; } .team_member .team_image .overlay_effect i { font-size:40px; color: #fff; position:relative; top:50%; left:50%; margin-top:-20px; margin-left:-18.5px; } .emp_business .team_image .overlay_effect i { display: none; } .team_member.round .team_image .overlay_effect { border-radius:50%; -webkit-border-radius:50%; } .team_member:hover .team_image .overlay_effect { opacity:0.6; } .team_description { padding: 20px; text-align:center; background-color: #ffffff; color:#888; border:1px solid #f1f1f1; border-top: none; } .emp_business .team_description { padding: 20px 0; background-color: transparent; border: none; text-align:left; } .team_member.round .team_description { border: none; } .team_member.horizontal .team_image { width:40%; float:left; } .team_member.horizontal .team_description { width:60%; float:right; box-sizing:border-box; border: none; text-align:left; padding:10px 20px; } .position { font-size: 12px; font-weight: normal; line-height:18px; text-transform:uppercase; padding-top:10px; color:#ccc; } .emp_business .position h4 { margin-bottom: 0; font-size: 13px; font-weight: bold; } .team_name { font-size:16px; color: #444444; font-weight:600; text-transform:uppercase; } .emp_business .team_name h3{ text-transform: none; margin-bottom: 0; font-weight: 400; line-height:22px; } .team_content { padding-top:15px; margin-top:15px; border-top:1px solid #f1f1f1; } .emp_business .team_content { padding-top:10px; margin-top:10px; } .team_social { padding-top:15px; } .emp_business .team_social{ padding: 0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); white-space: nowrap; opacity: 0; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .emp_business:hover .team_social { opacity: 1; } .social_links { padding: 10px 0; } .team_social i, .social_links i { display:block; width: 30px; height: 30px; line-height: 30px; text-align:center; } .social_links i { font-size:15px; } .team_social a, .social_links a { color: #ccc; background-color:#f9f9f9; display:inline-block; margin: 2px; } .team_social a:hover, .social_links a:hover { color: #fff; } .team_description .team_social a:hover { color: #fff; } .team_social a.fb:hover, .social_links a.fb:hover { background-color: #507cbe; color:#fff; } .team_social a.tw:hover, .social_links a.tw:hover { background-color: #63cdf1; color:#fff; } .team_social a.gp:hover, .social_links a.gp:hover { background-color: #dc4a38; color:#fff; } .team_social a.ln:hover, .social_links a.ln:hover { background-color: #90cadd; color:#fff; } .team_social a.insta:hover, .social_links a.insta:hover { background-color: #306a92; color:#fff; } .team_social a.pin:hover, .social_links a.pin:hover { background-color: #f16261; color:#fff; } .si_rounded .social_links a { border-radius:5px; -webkit-border-radius:5px; } .si_round .social_links a { border-radius:50%; -webkit-border-radius:50%; } .pos_center .social_links { text-align: center; } .pos_right .social_links { text-align: right; } .social_links a.fb { color: #507cbe; } .social_links a.tw { color: #63cdf1; } .social_links a.gp { color: #dc4a38; } .social_links a.ln { color: #90cadd; } .social_links a.insta { color: #306a92; } .social_links a.pin { color: #f16261; } .social_links a.stb { color: #88d054; } .social_links a.flk { color: #ff3ba4; } .social_links a.tbl { color: #3d5a70; } .social_links a.drb { color: #e04b85; } .social_links a.vm { color: #23b6ea; } .social_links a.yt { color: #e62f27; } .social_links a.sk { color: #00aff0; } .social_links a.dg { color: #000; } .social_links a.rdd { color: #2494ed; } .social_links a.dev { color: #04cc47; } .social_links a.sc { color: #f79010; } .social_links a.xng { color: #00605e; } .social_links a.beh { color: #005cff; } .social_links a.flk:hover { background-color: #ff3ba4; color:#fff; } .social_links a.tbl:hover { background-color:#3d5a70; color:#fff; } .social_links a.drb:hover { background-color:#e04b85; color: #fff; } .social_links a.vm:hover { background-color:#23b6ea; color: #fff; } .social_links a.yt:hover { background-color:#e62f27; color: #fff; } .social_links a.sk:hover { background-color:#00aff0; color: #fff; } .social_links a.dg:hover { background-color:#000; color: #fff; } .social_links a.stb:hover { background-color: #88d054; color: #fff; } .social_links a.rdd:hover { background-color:#2494ed; color: #fff; } .social_links a.dev:hover { background-color:#000; color: #04cc47; } .social_links a.sc:hover { background-color:#f79010; color: #fff; } .social_links a.xng:hover { background-color:#00605e; color: #fff; } .social_links a.beh:hover { background-color:#005cff; color: #fff; } /* Restaurant Menu Item */ .restaurant_item { margin-bottom:15px; border-bottom: 1px dashed #ccc; padding:5px 0 15px; } .restaurant_item_inner { position:relative; } .restaurant_title { position: relative; } .restaurant_title_inner { padding-right:80px; } .restaurant_title_inner h4 { font-size:20px; line-height: 1.3; margin-bottom:5px; text-transform: uppercase; } .resturant_title_price { position:absolute; right:0; top:0; font-size:20px; line-height:1.3; } .restaurant_ingredients { font-size:12px; } /* Gym Classes element */ .gym_class_wrap { box-sizing: border-box; margin-bottom:20px; padding:20px; border-radius:40px; -webkit-border-radius:40px; display: table; width: 100%; position:relative; overflow: hidden; box-shadow: 0 15px 30px transparent; -webkit-box-shadow: 0 15px 20px transparent; -moz-box-shadow: 0 15px 20px transparent; -o-box-shadow: 0 15px 20px transparent; transition: box-shadow .4s ease-in-out, top .2s ease-in; -webkit-transition: box-shadow .4s ease-in-out, top .2s ease-in; -moz-transition: box-shadow .4s ease-in-out, top .2s ease-in; -o-transition: box-shadow .4s ease-in-out, top .2s ease-in; top: 0; } .gym_class_wrap:hover { top:-20px; box-shadow: 0 15px 30px rgba(0,0,0,0.3); -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.3); -o-box-shadow: 0 15px 30px rgba(0,0,0,0.3); } .gym_class_wrap:before { content: ""; position:absolute; width:100%; height:100%; display: block; top:0; left:0; transition:background-color .3s ease-in-out; -webkit-transition:background-color .3s ease-in-out; -moz-transition:background-color .3s ease-in-out; } .gym_class_content { text-align: center; display: table-cell; vertical-align: middle; position: relative; } .gym_class_title > * { margin-bottom:0; font-size:17px; font-weight: 400; } .gym_class_wrap .gym_class_description { display: none; margin:0; padding-top:13px; width:100%; } .vc_gym_classes .gym_class_wrap .gym_class_description { display: block; } .gym_class_link { font-weight:700; font-size:11px; } .always_visible .gym_class_description { display: block; } /* .gym_class_wrap:hover .gym_class_description { display:block; height:auto; animation: animateOpacity .3s linear; -webkit-animation: animateOpacity .3s linear; -moz-animation: animateOpacity .3s linear; -o-animation: animateOpacity .3s linear; } @-webkit-keyframes animateOpacity { 0% { display: none; height: 0; } 100% { display: block; height: 100px; } } */ .gym_class_separator { width:40px; height:2px; display: block; margin:25px auto; background-color:#444; } .gym_class_link a { display: block; } /* Slider Parallax */ .slider-parallax { visibility: visible; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); -webkit-backface-visibility: hidden; } .parallax_class { } .mobile-parallax, .video-placeholder { background-size: cover !important; background-attachment: scroll !important; background-position: center center !important; } /* Pricing Column */ .pricing_column_wrap { border: 2px solid #f1f1f1; margin-left:-2px; transition: border-color .2s ease-in-out; -webkit-transition: border-color .2s ease-in-out; z-index:100; position:relative; margin-bottom:20px !important; } .pricing_column_wrap.promo_column { border-color: #5bc98c; margin-top:-10px; z-index:200; } /* .pricing_column_wrap:hover { border-color:#5bc98c; z-index:104; } */ .pricing_column_head { border-bottom:1px solid #f7f7f7; padding:20px; text-align:center; background-color:#fff; } .pricing_column_head h2 { margin-bottom: 0; font-size:20px; color: #313131; } .promo_column .pricing_column_head { background-color: #5bc98c; } .promo_column .pricing_column_head h2 { font-size: 28px; color:#fff; } .pricing_column { padding: 20px; background-color:#fff; } .pricing_column .button { margin: 0; } .price_currency_interval { font-size: 15px; color: #5bc98c; } .col_price,.col_currency { font-weight:600; } .promo_column .price_currency_interval { color: #fff; font-size:18px; } .pricing_column { color: #969595; } .pricing_column ul { list-style:none; text-align:center; } .pricing_column ul li { padding-bottom:15px; font-size:13px; } /* Advanced Pricing Table */ .cr_adv_tables .col_content { float: left; padding:0 15px; box-sizing: border-box; margin-bottom:30px; } .cr_adv_tables.columns_3 .col_content { width: 33.33%; } .cr_adv_tables.columns_4 .col_content { width: 25%; } .cr_adv_tables.columns_5 .col_content { width: 20%; } .cr_adv_tables .col_content .col_content_inside { background-color: #f7f8f9; text-align: center; padding: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 3px; -webkit-border-radius: 3px; } .cr_adv_tables .col_content .col_content_inside:hover { box-shadow: 0px 20px 35px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 20px 35px rgba(0,0,0,0.25); padding-bottom:80px; } .cr_adv_tables .col_content h3 { font-size:13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom:10px; color: #abacb2; } .cr_adv_tables .col_content .column_price { font-size: 45px; margin-bottom:10px; line-height: 1; font-weight: 700; color: #03072e; } .cr_adv_tables .col_content .column_price span { font-size: 23px; position:relative; top: -15px; } .cr_adv_tables .col_content .column_billing { font-size: 14px; color: #939399; } .cr_adv_tables .col_content .column_separator { margin-bottom:30px; margin-top:30px; background-color:#abacb2; height:1px; width:calc(100% - 60px); position: relative; left:50%; transform:translateX(-50%); } .cr_adv_tables .col_content .column_features { font-size:15px; line-height: 34px; color: #939399; } .cr_adv_tables .col_content .column_action { margin-top:20px; position: relative; } .cr_adv_tables .col_content .column_action a.button { margin: 0; font-size:14px; font-weight: 400; position: absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); white-space: nowrap; background-color: #abacb2; border-color: transparent; } .cr_adv_tables.no_shadow .col_content .column_action a.button { position: relative; left:auto; transform: none; -webkit-transform: none; } .cr_adv_tables.no_shadow .col_content .col_content_inside:hover { box-shadow: none; -webkit-box-shadow: none; padding-bottom:30px; } /* Jump Links element */ .jump_links_wrap { text-align: center; } .jump_links_wrap a { display: inline-block; margin-right: 40px; line-height: 40px; font-weight: normal; } .jump_links_wrap a:last-child { margin-right:0; } .jump_links_wrap .plain_text_no_links i{ margin-right:7px; font-size:15px; position: relative; top:1px; } /* Testimonial Element */ .review blockquote{ font-size:16px; background:none !important; border-left:none !important; padding:0 !important; margin:0 !important; line-height:26px; } .review blockquote q{ display:block; padding:25px 14px 24px 24px; background:#f8f8f8; border-left:4px solid #ccc; } .review blockquote div{ display:block; padding:12px 0 0 30px; overflow:hidden; color:#333; font-style:normal; background:url(images/toggles/testimonials.gif) no-repeat 55px 0; } .review blockquote div strong{ padding:3px 3px 2px 52px; float:left; font-size:16px; font-weight:bold; text-transform:uppercase; } .review blockquote div span{ padding:3px 0 0; float:left; font-size:14px; text-transform:uppercase; color: #9f9d9d; } .design_modern .review .comment_quote { padding: 0 0 30px 0; } .reviews.design_modern { margin-bottom: 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; } .design_modern .review { padding:55px 55px 20px; } .design_modern .has_image.review { padding-top:0; } .design_modern .review.left_image { padding:55px 55px 20px 55px; } .design_modern .review.left_image.has_image { padding-top:20px; } .design_modern .has_image .review_picture { margin-bottom:30px; } .design_modern .has_image.left_image .review_picture { position:relative; margin-left: 0; } .design_modern .review:before { content: ""; width: 109px; height: 109px; background:url('images/quotes.png') no-repeat top left; position: absolute; display: block; top:0; left:0; } .design_modern .has_image.review:before { top:45px; } .design_modern .has_image.left_image.review:before { top:115px; } /* Checklist Shortcode */ .ck_sh p { display: none; } ul.fontawesome_list { margin:10px 0 !important; padding:0 !important; list-style: none !important; } ul.fontawesome_list li i { margin-right:10px; } ul.fontawesome_list li { line-height: 22px; margin-left:10px; } ul.fontawesome_list li.shape_round, ul.fontawesome_list li.shape_circle, ul.fontawesome_list li.shape_square { margin-bottom:7px; } ul.fontawesome_list li.shape_round i { border-radius: 5px; } ul.fontawesome_list li.shape_circle i{ border-radius: 50%; -webkit-border-radius: 50%; } ul.fontawesome_list li.shape_round i, ul.fontawesome_list li.shape_circle i, ul.fontawesome_list li.shape_square i { width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; } ul.cool_list{ margin: 10px 0; padding: 0; list-style-type: none; } ul.cool_list li { color:#777; margin-left: 10px; line-height: 22px; list-style: none; overflow: inherit; padding: 2px 0 2px 22px; } ul.cool_list li.green_style { background: url("images/bullets/bullet1.png") no-repeat 0 7px; } ul.cool_list li.grey_style { background: url("images/bullets/bullet2.png") no-repeat 0 7px; } ul.cool_list li.red_style { background: url("images/bullets/bullet3.png") no-repeat 0 7px; } ul.cool_list li.blue_style { background: url("images/bullets/bullet4.png") no-repeat 0 7px; } ul.cool_list li.yellow_style { background: url("images/bullets/bullet5.png") no-repeat 0 7px; } ul.cool_list li.black_style { background: url("images/bullets/bullet6.png") no-repeat 0 7px; } ul.cool_list li.purple_style { background: url("images/bullets/bullet7.png") no-repeat 0 7px; } /* Toggle Shortcode */ .outer_toggle{ border-bottom:1px dotted #d6dfdf; } h5.toggle{ overflow:hidden; margin-bottom:0; padding:0; font-style:normal; position:relative; } h5.toggle a{ padding: 10px 0; font-size: 14px; font-weight: 600; line-height: 157%; letter-spacing: normal; display: block; position: relative; border-bottom: 0; text-transform: none; padding-left: 36px; } h5.toggle.active a{ border-bottom:0; } h5.toggle span{ display: block; position: absolute; top: 10px; left: 0px; font-weight: normal; height: 18px; width: 18px; line-height: 18px; text-align: center; font-size: 14px; border: 1px solid transparent; border-top: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "fontello"; } h5.toggle.active span{ } h5.toggle a.default_color{ color:#e1e1e1; } h5.toggle span{ text-shadow: 0 1px 0 #ffffff; -webkit-box-shadow: inset 0 1px 0 #f8fafa; -moz-box-shadow: inset 0 1px 0 #f8fafa; box-shadow: inset 0 1px 0 #f8fafa; } /* h5.toggle span:after, .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after { content: '\e826'; } h5.toggle.active span:after, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:after{ content: '\e827'; } */ h5.toggle a.green_color{ color:#58a623 !important; } h5.toggle a.grey_color{ color:#aaaaaa !important; } h5.toggle a.blue_color{ color:#51c4ed !important; } h5.toggle a.red_color{ color:#E4436C !important; } h5.toggle a.yellow_color{ color:#fead4d !important; } h5.toggle a.black_color{ color:#444 !important; } h5.toggle a.purple_color{ color:#D798D1 !important; } h5.toggle span.toggle-title{ float:left; width:90%; } .toggle-content{ margin: 0 0 20px; } .toggle-content p{ margin-bottom:0; } h5.toggle.active + .toggle-content{ } /* Flexslider Shortcode Simple Mod */ .choose{ display:none; } /* Gallery Shortcode */ .post-gallery{ margin-bottom:10px; width:98%; padding-right: 10px; } .post-gallery-item{ float:left; max-width:140px; margin:0 15px 15px 0; } .post-gallery-item img { width:100%; height:auto; } .post-gallery-item a img { border:1px solid #fff; padding:2px; -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -o-transition: border-color .2s linear; -ms-transition: border-color .2s linear; transition: border-color .2s linear; } .post-gallery-item a:hover img{ border:1px solid #58a623; } /* Recent Posts Shortcode*/ .blogpost .date { /*padding-top: 20px;*/ color: #b5b8bf; font-size:11px; position: relative; } .post_grid_desc { padding-bottom:15px; } .col { /*max-width:222px;*/ padding:0 1%; float:left; width:23%; margin-bottom:1%; overflow:hidden; margin-bottom:40px; /*text-align:center;*/ } .col.columns-3 { width:31%; } .col.columns-3:nth-child(3n+1), .col.columns-4:nth-child(4n+1), .col.columns-2:nth-child(2n+1){ clear:left; } .col.columns-3:first-child, .col.columns-4:first-child, .col.columns-2:first-child { clear:none; } .col.columns-2 { width:48%; } .col.columns-2:nth-child(2n+1) { clear:left; } .col .bottom{ background-color:#e2e2e2; width:100%; height:7px; margin-top:20px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear; transition: background-color .2s linear; } .col:hover .bottom{ background-color:#a0ce4e; } .extra-width{ width:31% !important; margin-right:2%; margin-bottom: 2%; /*height:200px;*/ padding:0; border:none; } .extra-width-full{ width:19% !important; margin-right:1%; height:auto; padding:0; border:none; } .extra-width-full-port{ width:19% !important; margin-right:1%; height:auto; padding:0; border:none; } .col h3, .flex-caption h2, .description h3 { color:#454545; font-style:normal; font-size:14px; line-height:normal; padding-bottom:15px; font-weight:600; margin-bottom:0; } .col h4 { color:#454545; font-style:normal; font-size:13px; line-height:normal; padding:0 0 10px 0; } .col .flex-control-nav { display:none; } .col .description, .blogpost .description { padding:10px 10px; } .recent_posts_container .blogpost .description { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .col .last{ padding-right:0; border-right:none; } .last { border-right:none; margin-right:0; padding-right:0; } .col .date{ font-size:13px; margin-bottom:10px; color: #b5b8bf; } .col .date i { margin-right:5px; } .post_grid_category { display: block; padding-bottom: 15px; } .post_grid_read_more { font-weight:400; } .date_comments { position:absolute; bottom:0; right:0; } .date_comments span { padding-right:3px; } /* Progress Bar Shortcode*/ .progress-bar { background: #f1f1f1; height: 12px; position: relative; margin-bottom: 5px; border-radius: 20px; box-shadow: inset 0px 1px 2px #ccc } .progress-bar-content { background-color:#a0ce4e; height: 12px; border-radius: 20px; } .progress-title { color: #888; font-weight: normal; line-height:26px; } .percentage{ font-size:14px; width:32px; text-align:right; padding-right:3px; height:20px; line-height:20px; background-color:#f1f1f1; border-left:2px solid #fff; float:left; } .progress_bar_description .vc_label_units { float:right; } .progress_bar_description { font-size: 12px; } .vc_progress_bar .vc_single_bar .vc_label { height:7px; } /* Revolution Slider Mask */ .mask { top:0 !important; left:0 !important; width:100%; height:100%; background-color:rgba(0,0,0,0.7) } /* Alert Shortcode*/ .alert{ padding:20px; margin:20px 0; position:relative; } .alert:before{ font-size: 16px; width: 26px; display: block; position: absolute; top: 20px; left: 10px; font-family: fontawesome; font-size: 18px; text-align: center; } .alert.general:before{ content: "\f05a"; color:#3A87AD; } .alert.error:before{ content: "\f00d"; color:#B94A48; } .alert.success:before{ content: "\f00c"; color:#468847; } .alert.notice:before{ content: "\f071"; color:#C09853; } .alert .msg{ padding:0 25px; } .woocommerce .alert { margin: 0 0 40px 0; padding-right:0; } .woocommerce .msg .button { position:relative; top:-6px; margin: 0; } .alert .toggle-alert{ position:absolute;top:20px;right:10px; display:block; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #488BAA; } .general{ background-color:#D9EDF7; color:#3A87AD; border:1px solid #BCE8F1; } .error{ background-color:#F2DEDE; border:1px solid #EED3D7; color:#B94A48; } .success{ background-color:#DFF0D8; border:1px solid #D6E9C6; color:#468847; } .notice{ background-color:#FCF8E3; border: 1px solid #FBEED5; color:#C09853; } /* Button */ .button, .wpcf7-submit, .mc4wp-form input[type=submit] { display: inline-block; padding: 10px 25px; border: 1px solid transparent; line-height: 18px; font-size: 12px; vertical-align: middle; text-align: left; outline: none; cursor: pointer; white-space: normal; transition: all 0.2s ease-in-out; font-weight:600; text-transform:uppercase; letter-spacing:1px; background-color: #5bc98c; color: #fff; margin-top:5px; margin-bottom:5px; margin-right:5px; -webkit-appearance: none; box-sizing: border-box; position: relative; top:0; } .widget_shopping_cart .button { padding: 8px 5px; font-size: 11px; font-weight: 600; margin: 0; margin-right: 3%; width: 48.5%; text-align: center; } .widget_shopping_cart .button.checkout { margin-right:0; margin-left:-4px; } .price_slider_amount .button { margin:0; padding: 5px 10px; font-size: 10px; } #top-menu li a.button { font-weight:inherit; margin:0; vertical-align:initial; margin-right:0; padding:2px 8px; background-color: #5bc98c; color: #fff; } #navigation ul li a.button { margin-right:15px; margin-top:0; margin-bottom: 0; background-color: #5bc98c; color: #fff; } .button:hover, .button:active, .wpcf7-submit:hover, .wpcf7-submit:active, #navigation ul li a.button:hover, #top-menu li a.button:hover, .mc4wp-form input[type=submit]:hover { background-color: #479e85; border-color: #479e85; color: #fff; } .button.large{ line-height: 20px; padding: 15px 35px; } .button.small{ padding: 10px 25px; } .button.shape_rounded { border-radius: 5px; -webkit-border-radius: 5px; } .button.shape_round { border-radius: 50px; -webkit-border-radius: 50px; } .button.full_width { width: 100%; text-align: center; } .button i { font-size: 20px; position: absolute; top: 50%; margin-top:-10px; } .button .button_content.right_icon{ padding-right:40px; } .button .button_content.left_icon{ padding-left:40px; } .button .button_content.right_icon i { right: 0; } .button .button_content.left_icon i { left: 0; } .button_content { position:relative; display:inline-block; } /* Green Button */ .button.style_3d:active{ top:5px; box-shadow:0px 0px 0px !important; } .button.button_green, #navigation ul li a.button.button_green, #top-menu li a.button.button_green,.button.button_green.style_3d:hover { background: #5bc98c; border-color:#5bc98c; color: #fff; } .button.button_green:hover, #navigation ul li a.button.button_green:hover, #top-menu li a.button.button_green:hover { background: #479e85; border-color:#479e85; color: #fff; } .button.button_green.style_3d{ box-shadow: 0 5px 0 #4daa77; -webkit-box-shadow: 0 5px 0 #4daa77; } /* Blue Button */ .button.button_blue, #navigation ul li a.button.button_blue, #top-menu li a.button.button_blue, .button.button_blue.style_3d:hover { background: #44b6df; border-color: #44b6df; color: #fff; } .button.button_blue:hover, #navigation ul li a.button.button_blue:hover, #top-menu li a.button.button_blue:hover { background: #368faf; border-color: #368faf; color: #fff; } .button.button_blue.style_3d{ box-shadow: 0 5px 0 #368faf; -webkit-box-shadow: 0 5px 0 #368faf; } /* Yellow Button */ .button.button_yellow, #navigation ul li a.button.button_yellow, #top-menu li a.button.button_yellow, .button.button_yellow.style_3d:hover { background: #febf4d; border-color:#febf4d; color: #68422C; } .button.button_yellow:hover, #navigation ul li a.button.button_yellow:hover, #top-menu li a.button.button_yellow:hover { background: #d39119; border-color:#d39119; color: #fff; } .button.button_yellow.style_3d{ box-shadow: 0 5px 0 #d39119; -webkit-box-shadow: 0 5px 0 #d39119; } /* Red Button */ .button.button_red, #navigation ul li a.button.button_red, #top-menu li a.button.button_red, .button.button_red.style_3d:hover { background-color:#F6677B; border-color:#F6677B; color:#fff; } .button.button_red:hover, #navigation ul li a.button.button_red:hover, #top-menu li a.button.button_red:hover { background-color: #d05b6c; border-color:#d05b6c; color: #fff; } .button.button_red.style_3d{ box-shadow: 0 5px 0 #d05b6c; -webkit-box-shadow: 0 5px 0 #d05b6c; } /* Purple Button */ .button.button_purple, #navigation ul li a.button.button_purple, #top-menu li a.button.button_purple, .button.button_purple.style_3d:hover { background: #ee79ba; border-color:#ee79ba; color: #fff; } .button.button_purple:hover, #navigation ul li a.button.button_purple:hover, #top-menu li a.button.button_purple:hover { background: #c95b98; border-color:#c95b98; color: #fff; } .button.button_purple.style_3d{ box-shadow: 0 5px 0 #c95b98; -webkit-box-shadow: 0 5px 0 #c95b98; } /* Black Button */ .button.button_black, #navigation ul li a.button.button_black, .tp-caption a.button.button_black, #top-menu li a.button.button_black, .button.button_black.style_3d:hover { background: #5c5c5c; border-color:#5c5c5c; color: #c9d1d6; } .button.button_black:hover, #navigation ul li a.button.button_black:hover, .tp-caption a.button.button_black:hover, #top-menu li a.button.button_black:hover { background: #2d2d2d; border-color: #2d2d2d; color: #e8edef; } .button.button_black.style_3d{ box-shadow: 0 5px 0 #2d2d2d; -webkit-box-shadow: 0 5px 0 #2d2d2d; } /* Grey Button */ .button.button_grey, #navigation ul li a.button.button_grey, #top-menu li a.button.button_grey,.button.button_grey.style_3d:hover { background: #a9a9a9; border-color: #a9a9a9; color: #fff; } .button.button_grey:hover, #navigation ul li a.button.button_grey:hover, #top-menu li a.button.button_grey:hover { background: #8b8a8a; border-color: #8b8a8a; color:#fff; } .button.button_grey.style_3d{ box-shadow: 0 5px 0 #8b8a8a; -webkit-box-shadow: 0 5px 0 #8b8a8a; } .button.button_white,.button.button_white:hover, #navigation.custom_menu_color ul li a.button.button_white, #navigation.custom_menu_color ul li a.button.button_white:hover, #top-menu li a.button.button_white, #top-menu li a.button.button_white:hover, .tp-caption a.button.button_white, .tp-caption a.button.button_white:hover { background: #fff; border-color: #fff; color: #2d2d2d; } .button_center { text-align:center; } .button_right { text-align:right; } .button_left { text-align:left; } .inline_button { display:inline-block; } .inline_button a.button { margin:5px; } /* Blogposts Style */ /* .single .vc_row[data-vc-full-width] { width: auto !important; left: initial !important; margin-left: 0 !important; margin-right: 0 !important; } .single .vc_row[data-vc-full-width]:not([class*="vc_custom"]) { padding-left: 0 !important; padding-right: 0!important; } */ .blogpost{ overflow: hidden; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e2e2e2; } .blogpost.layout_modern { border-bottom: none; } .blogpost.layout_modern .content_wrapper { padding-top:20px; padding-bottom:20px; } .blogpost.layout_modern .flexslider { margin-bottom:0; } .page-template-default .blogpost { padding: 0; border: none; } .single-post .blogpost { border-bottom:none; margin:0; padding:0; overflow:visible; } .single-post .blogpost .audio_section_render, .grid_posts .audio_section_render { margin-bottom:20px; } .audio_section_render iframe{ margin-bottom:-10px; width: calc(100% - 2px); } .blogpost_small_pic .audio_section_render .wp-audio-shortcode { top:80px; } .post_pages .pagination{ padding-top:20px; margin-top:30px; font-size: 15px; } .post_pages .pagination a { padding:5px; } .blogpost.grid_posts { width:23.5%; margin-right:2%; margin-bottom: 2%; box-sizing:border-box; float: left; border-bottom:none; } .blogpost.grid_posts .flexslider { } .blogpost.grid_posts .grid_content { padding: 15px 0; } .blogpost.grid_posts .content_wrapper { margin-top: -20px; padding:20px 0; } .grid-masonry .blogpost.grid_posts, .grid-masonry-page-template .blogpost.grid_posts { margin-right:0; margin-bottom:3%; padding-bottom: 0; border-bottom: none; } .gutter-sizer { width:2%; } .blogpost.grid_posts.columns-5 { width:18.4%; } .blogpost.grid_posts.columns-4 { width:23.5%; } .blogpost.grid_posts.columns-3 { width:32%; } .blogpost.grid_posts.columns-2 { width:49%; } .grid-sizer { width:350px; } .blogpost.grid_posts.columns-5:nth-child(5n),.blogpost.grid_posts.columns-4:nth-child(4n), .blogpost.grid_posts.columns-3:nth-child(3n), .blogpost.grid_posts.columns-2:nth-child(2n) { margin-right:0; } .blogpost.grid_posts.columns-5:nth-child(5n+1),.blogpost.grid_posts.columns-4:nth-child(4n+1), .blogpost.grid_posts.columns-3:nth-child(3n+1), .blogpost.grid_posts.columns-2:nth-child(2n+1) { clear:left; } .blogpost.grid_posts.columns-5:first-child,.blogpost.grid_posts.columns-4:first-child, .blogpost.grid_posts.columns-3:first-child, .blogpost.grid_posts.columns-2:first-child { clear:none; } /* .page-template .blogpost h2, .page-template .blogpost h1 { padding-top:20px; } */ .blogpost .singlepost_title, .modern_heading_title .singlepost_title { margin-bottom:15px; } .page-template .blogpost .blogpost_small_desc h2 { padding-top:0; } .blogpost h2, .blogpost h1{ line-height:normal; padding-bottom: 0; } .blogpost h1{ font-size:26px; font-weight:400; } .blogpost h2{ font-size:30px; font-weight: 400; line-height:1.5; } .blogpost .flexslider { margin-bottom:15px; } .blogpost_small_pic .flexslider { margin-bottom:0; } .blogpost .flex-control-nav{ bottom:5px; display:none; } .blogpost_split { /*background:url(images/dots.png) repeat-x; height:11px; */ padding-bottom: 50px; } .single_blogpost_split { margin:20px 0; height:1px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } .blogpost_small_pic{ width:30%; float:left; position:relative; } .hide_small_images { display: none; } .blogpost_small_desc{ float:right; width:67%; } .blogpost_small_desc.full_width_description { width: 100%; } .blogpost_small_desc h2{ padding:0 0 5px 0; margin-bottom:0; } .small_read_more { padding-bottom:15px; margin-top:10px; } .post_container{ width:64.7%; float:left; position: relative; } .post_container_full{ width:100%; } .post_meta { display: block; list-style: none; padding: 0; margin-bottom: 5px; line-height: 1.5; padding-bottom:10px; /*border-bottom:1px solid #eee;*/ } .modern_heading_title .post_meta.modern_default{ padding-bottom:0; margin-right:0; } .modern_heading_title_wrap .post_meta.title_above { padding-bottom: 0; margin-bottom: 0; } .post_meta.modern_layout { margin:15px 0 0; padding: 0; position: relative; } .post_meta.modern_layout li { margin-right:5px; } .modern_heading_title .post_meta.modern_layout li { margin-right:10px; } .modern_heading_title .post_meta.modern_layout li:last-child { margin-right:0; } .post_meta.modern_layout li.comments_count a { position: absolute; top:3px; right: 0; } .post_meta.modern_layout { margin:0; } .modern_title_not_featured { margin-bottom:50px; } .single .blogpost .modern_title_not_featured ul { margin:0; padding:0; } .modern_title_not_featured .post_meta li { margin-right:10px; } .modern_title_not_featured .post_meta.modern_layout li.comments_count a { position: relative; top:auto; } .layout_modern .post_meta.modern_layout li.comments_count a, .modern_heading_title .post_meta.modern_layout li.comments_count a { position: relative; top:auto; right:auto; } .layout_modern ul.small_images { margin:8px 0 15px; padding:0; } .single .blogpost .post_meta { text-align: left; } .archive_pages .post_meta { margin-bottom:15px; padding-bottom:15px; } .archive_pages .content_wrapper .post_meta { margin-bottom:0; } /* .archive_pages .content_wrapper .post_meta.modern_layout { padding-bottom:0; margin-top:15px; } */ .content_wrapper .post_meta.modern_layout { padding-bottom:0; margin-top:15px; } .archive_pages .content_wrapper .big_images li, .archive_pages .small_images li { margin-right:7px; padding-right: 7px; border-right: 1px solid #e3e3e5; } .archive_pages .content_wrapper .big_images li:last-child, .archive_pages .small_images li:last-child { border: none; } .post_meta.default { margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } .archive_pages .post_meta.default { border-bottom: none; } .post_meta.style2 { margin-bottom: 15px; padding-bottom: 15px; } .is_grid .post_meta.style2{ margin-bottom:7px; padding-bottom:7px; } .blogpost_small_desc .post_meta { margin-bottom:4px; padding-bottom:4px; border: none; } .post_meta.above_title { border: none; padding:0; margin:0 0 5px; } .post_meta li { display: inline-block; margin: 0 10px 0 0; color: #b5b8bf; font-size:11px; text-transform: uppercase; } .post_meta li a { color: #b5b8bf; } .post_meta li i { margin-right:5px; } .post-atts{ padding-bottom:20px; } .post-atts.archive { padding-top:20px; padding-bottom:0; border-top:none; } .post-atts.archive .button { /*margin-top:20px;*/ } .post-atts span { font-weight:700; padding-right:10px; } .single_post_tags a { background: #86ba41; border: 1px solid #79b037; color: #fff; font-size: 11px; line-height: 14px; padding: 5px 9px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: none; font-weight: normal; transition: all 0.2s ease-in-out; } .single_post_tags a:hover { background: #639a33; border: 1px solid #59902c; color: #fff; } .left-atts{ float:left; } .right-atts{ float:right; } .post-atts span{ /*padding:0 10px;*/ } /* Related posts when Modern layout is being used */ .single-post .post_container .related_posts .blogpost.grid_posts { padding: 0; } .related_posts .blogpost.grid_posts.columns-3 { width: 31.3%; margin-right: 3%; margin-bottom: 3%; } .related_posts .blogpost.grid_posts.columns-3:nth-child(3n) { margin-right:0; } .related_posts .description h3 { font-size:20px; line-height: 30px; font-weight: 400; text-align: center; } .related_posts .blogpost .description { padding: 15px; } .related_posts .post_grid_desc { padding-bottom: 0; } .related_post_item { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee; } .related_post_item:last-of-type { margin-bottom:20px; padding-bottom:60px; } .related_post_item h4 { font-size:24px; margin-bottom:20px; } .related_post_item .related_post_description { font-size: 14px; } .related_post_item .related_post_date { font-size:11px; line-height: normal; margin-bottom: 10px; text-transform: uppercase; } .related_posts_heading { font-size: 18px; font-weight: 400; margin-bottom: 20px; padding-top: 20px; } .design_modern .related_posts_heading { padding-top:40px; margin-top:40px; border-top:1px solid #eee; } /* Modern Styling for Share and Tags*/ .design_modern .share_with_tags { margin-top:80px; } .design_modern .share_with_tags .post-atts { padding-bottom:0; width:41%; float:right; text-align: right; } .design_modern .post-atts span { font-weight: 500; text-transform: uppercase; font-size: 13px; /*display: inline-block;*/ position: relative; vertical-align: top; } .design_modern .post-atts span.single_post_tags { padding-right:0; /*max-width: calc(100% - 70px);*/ line-height: 20px; } .design_modern .single_post_tags a { background-color:transparent; border:none; color: #939399; padding: 0; border-radius: 0; } .design_modern .single_post_tags a:hover { background-color: transparent; color: #2b7ce6; } .design_modern .social_icons { font-weight: 500; font-size:13px; width:55%; float:left; text-transform: uppercase; } .design_modern .social_icons .share_text { color: #f33763; } .design_modern .get_social { margin-left:20px; } .design_modern .post_container .get_social li a, .design_modern .post_container_full .get_social li a, .portfolio-modern .get_social li a { border:1px solid #e3e3e5; } .design_modern .post_container .get_social li a:hover, .design_modern .post_container_full .get_social li a:hover, .portfolio-modern .get_social li a:hover { border-color:transparent; } /* Modern Title extra rules */ .design_modern .modern_heading_title_wrap{ min-height:250px; display: table; width: 100%; margin:0 auto; position: relative; z-index:10; } .design_modern .modern_heading_title_wrap .modern_heading_title { display: table-cell; vertical-align: middle; } .vertical_top .modern_heading_title_wrap .modern_heading_title { vertical-align: top; padding-top:40px; } .vertical_bottom .modern_heading_title_wrap .modern_heading_title { vertical-align: bottom; padding-bottom:40px; } .modern_heading_title h1, .modern_heading_title h2, .modern_heading_title h3, .modern_heading_title h4, .modern_heading_title h5, .modern_heading_title h6 { margin-bottom:0; } /* Style my custom toggle box */ .reading-box{ /*padding: 30px 0; */ background-color:#fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; position:relative; background-color:#5bc98c; color:#fff; } /* */ .reading-box:hover { background-color:#fff; /*border-color: #6dae63;*/ } .reading-box p{ margin-bottom:0 !important; } .reading-box h2{ font-size:22px; line-height:normal; padding:0 0 5px 0; text-transform:none; font-weight:300; } /* .reading-box:after { background-color: #d2e5ae; width: 3px; content: ""; display: block; position: absolute; top: -1px; left: -1px; z-index: 1; bottom: -1px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear; transition: background-color .2s linear; } .reading-box.centered:after{ width:auto; height:3px; right:-1px; } */ .reading-box:hover:after{ background-color: #A5CB5E; } .reading-box.green_border{ background-color: #5bc98c; } .reading-box.green_border:hover{ background-color: #479e85; } .reading-box.red_border{ background-color: #F6677B; } .reading-box.red_border:hover{ background-color: #d05b6c; } .reading-box.blue_border{ background-color: #44b6df; } .reading-box.blue_border:hover{ background-color: #368faf; } .reading-box.yellow_border{ background-color: #febf4d; color: #68422C; } .reading-box.yellow_border .button { border-color: #68422C; } .reading-box.yellow_border:hover{ background-color: #d39119; color:#fff; } .reading-box.yellow_border:hover .button{ color:#fff; border-color:#fff; } .reading-box.purple_border{ background-color: #ee79ba; } .reading-box.purple_border:hover{ background-color: #c95b98; } .reading-box.grey_border{ background-color: #a9a9a9; } .reading-box.grey_border:hover{ background-color: #8b8a8a; } .reading-box.black_border{ background-color: #5c5c5c; } .reading-box.black_border:hover{ background-color: #2d2d2d; } .reading-box.green_border:hover .button, .reading-box.blue_border:hover .button, .reading-box.red_border:hover .button, .reading-box.purple_border:hover .button, .reading-box.grey_border:hover .button, .reading-box.black_border:hover .button { border-color:#fff; } .reading-box .cta_inside { max-width:940px; margin:0 auto; padding:30px; } .reading-box.wpb_call_to_action { padding:0; } .reading-box .button { background-color:transparent !important; border-color: #fff; margin:0; white-space: nowrap; } .reading-box .cta_text { width:100%; box-sizing: border-box; padding-right:30px; } .reading-box .cta_text, .reading-box .cta_button { display: table-cell; vertical-align: top; } .reading-box.center_pos .cta_text, .reading-box.center_pos .cta_button { display: block; text-align: center; } .reading-box.center_pos .cta_text { padding-right:0; margin-bottom: 30px; } .continue{ float:right; } .centered { text-align:center; } .centered .button { margin-top:10px; } /* Social Links Share */ .social_icons{ margin:0; padding:0; line-height: 45px; font-weight: 700; } .single .post-content .get_social { margin:0; padding-left:0; } .single .post-content .social_icons { padding-top:30px; } .social_icons .share_text { float:left; } .get_social{ float: left; padding: 0px; } .sidebar-widget .get_social { float: none; } .sidebar .get_social li { /*display:initial; float:left; */ } .get_social li, #navigation .has-mega-menu .get_social li { display: inline-block; background:none !important; border:none !important; padding:0 !important; } .center{ float:none; max-width:auto; margin:3px auto; } .get_social li a, #navigation .has-mega-menu .get_social li a { display: block; width: 32px !important; min-width:32px; height: 32px; outline: none; margin:5px; /*background: transparent url(images/social-icons.png) no-repeat;*/ /*text-indent: -9000px;*/ position: relative; /* -webkit-transition: background-position 0.5s; -moz-transition: background-position 0.5s; -o-transition: background-position 0.5s; */ } #navigation .has-mega-menu .get_social li a { padding-left: 0 !important; } .get_social li a i { text-align: center; display: block; vertical-align: middle; background: none; line-height: 1; width: 32px; height: 32px; line-height: 32px; font-size: 18px; } .get_social.share_archives { position: relative; top:12.5px; } .get_social.share_archives li a { width: 25px !important; height: 25px; min-width: auto; padding:3px; margin:0; } .get_social.share_archives li a i { width: 25px; height: 25px; line-height: 25px; font-size:14px; } .no-float{ float:none; } .social_ic_margin{ margin:0; } .get_social li .fb, #navigation .has-mega-menu .get_social li .fb{ color: #677fb5; background-color: transparent; } .get_social li .fb:hover, #navigation .has-mega-menu .get_social li .fb:hover{ background-color:#677fb5; color:#fff; } .get_social li .tw, #navigation .has-mega-menu .get_social li .tw{ color: #70c2e9; background-color: transparent; } .get_social li .tw:hover, #navigation .has-mega-menu .get_social li .tw:hover{ background-color:#70c2e9; color:#fff; } .get_social li .lnk,#navigation .has-mega-menu .get_social li .lnk{ color: #3daccf; background-color: transparent; } .get_social li .lnk:hover, #navigation .has-mega-menu .get_social li .lnk:hover{ background-color: #3daccf; color:#fff; } .get_social li .tu, #navigation .has-mega-menu .get_social li .tu{ color: #3d5a70; background-color: transparent; } .get_social li .tu:hover, #navigation .has-mega-menu .get_social li .tu:hover{ background-color:#3d5a70; color:#fff; } .get_social li .gp, #navigation .has-mega-menu .get_social li .gp{ color: #d44132; background-color: transparent; } .get_social li .gp:hover, #navigation .has-mega-menu .get_social li .gp:hover{ background-color:#d44132; color:#fff; } .get_social li .flickr, #navigation .has-mega-menu .get_social li .flickr{ color: #ff3ba4; background-color: transparent; } .get_social li .flickr:hover, #navigation .has-mega-menu .get_social li .flickr:hover{ background-color:#ff3ba4; color:#fff; } .get_social li .yt, #navigation .has-mega-menu .get_social li .yt{ color: #282928; background-color: transparent; } .get_social li .yt:hover, #navigation .has-mega-menu .get_social li .yt:hover{ background-color:#282928; color:#fff; } .get_social li .dribbble, #navigation .has-mega-menu .get_social li .dribbble{ color: #f26798; background-color: transparent; } .get_social li .dribbble:hover, #navigation .has-mega-menu .get_social li .dribbble:hover{ background-color:#f26798; color:#fff; } .get_social li .behance, #navigation .has-mega-menu .get_social li .behance{ color: #3496ff; background-color: transparent; } .get_social li .behance:hover, #navigation .has-mega-menu .get_social li .behance:hover{ background-color:#3496ff; color:#fff; } .get_social li .rd, #navigation .has-mega-menu .get_social li .rd{ color: #444; background-color: transparent; } .get_social li .rd:hover, #navigation .has-mega-menu .get_social li .rd:hover{ background-color:#444; color:#fff; } .get_social li .behance, #navigation .has-mega-menu .get_social li .behance{ color: #3496ff; background-color: transparent; } .get_social li .behance:hover, #navigation .has-mega-menu .get_social li .behance:hover{ background-color:#3496ff; color:#fff; } .get_social li .vimeo, #navigation .has-mega-menu .get_social li .vimeo{ color: #5bc8ff; background-color: transparent; } .get_social li .vimeo:hover, #navigation .has-mega-menu .get_social li .vimeo:hover{ background-color:#5bc8ff; color:#fff; } .get_social li .soundcloud, #navigation .has-mega-menu .get_social li .soundcloud{ color: #ff5419; background-color: transparent; } .get_social li .soundcloud:hover, #navigation .has-mega-menu .get_social li .soundcloud:hover{ background-color:#ff5419; color:#fff; } .get_social li .pinterest, #navigation .has-mega-menu .get_social li .pinterest{ color: #ec2327; background-color: transparent; } .get_social li .pinterest:hover, #navigation .has-mega-menu .get_social li .pinterest:hover{ background-color:#ec2327; color:#fff; } .get_social li .instagram, #navigation .has-mega-menu .get_social li .instagram{ color: #517fa4; background-color: transparent; } .get_social li .instagram:hover, #navigation .has-mega-menu .get_social li .instagram:hover{ background-color:#517fa4; color:#fff; } .get_social li .stumbleupon, #navigation .has-mega-menu .get_social li .stumbleupon{ color: #88d054; background-color: transparent; } .get_social li .stumbleupon:hover, #navigation .has-mega-menu .get_social li .stumbleupon:hover{ background-color:#88d054; color:#fff; } .single-post .post-content { margin-bottom: 40px; position: relative; } /* .post-content.archive { padding-bottom:15px; } */ .post-content.archive p { margin-bottom:0; } .post-content p{ margin:0; margin-bottom:20px; } .post-content p:last-of-type { margin-bottom: 0; } .post-content ul.arrow{ list-style:none; margin:0; padding:0; } .post-content ul.arrow li:before{ display:inline-block; background-image:url(../images/arrow-bullet.png); background-repeat:no-repeat; background-position:center center; background-color:#a0ce4e; height:18px; -moz-border-radius:75px; -webkit-border-radius:75px; width:18px; content:' '; float:left; margin-right:0; margin-left:-25px; } .post-content ul.arrow li{ line-height:18px; margin:0; padding:0; margin-bottom:15px; padding-left:25px; } .post-content blockquote{ background:#f5f5f5; color:#444444; border-left:3px solid #a0ce4e; padding:15px; } .post-content blockquote *:last-child{ margin-bottom:0; } /* Sidebar Style */ .sidebar{ width:32%; float:right; overflow: hidden; } .sidebar-widget{ margin-bottom:45px; } .sidebar-widget p { margin-bottom:20px; } .sidebar-widget p:last-of-type { margin-bottom:0; } .sidebar-widget ul { list-style:none !important; } .sidebar-widget ul li { padding-left:20px; margin-bottom:5px; position:relative; } .sidebar-widget ul li:before { content: "\f105"; font-family: Fontawesome; position: absolute; left: 5px;/* font-size:13px; line-height: 22px;*/ } .sidebar-widget ul.instagram-pics li { padding:0; border: none; } .sidebar-widget ul.instagram-pics li:before { content: initial; } .sidebar-widget .instagram-pics { margin-top:0; } .sidebar-widget ul.get_social li:before, .sidebar-widget .contact ul li:before { content: initial; } .sidebar-title{ } h3.sidebar-title{ margin-bottom: 10px; position: relative; font-size:14px; color:#21252b; line-height:1.6em; padding:0; font-weight:700; text-transform:uppercase; } h3.sidebar-title:after { position: relative; left: 10px; content: ""; display: inline-block; width: 100%; margin: 0 -100% 0 0; border-top:1px solid #ececec; top:-4px; } .split-line{ height: 0px; border-top: 1px solid #ececec; overflow: hidden; position: relative; top: 18px; } ul.flickr{ list-style:none; margin:0; padding:0; } ul.flickr li { float:left; list-style:none; margin:5px; padding:5px;background:none; border-bottom:none; } .wpb_wrapper .sidebar-widget { overflow: hidden; margin-bottom:30px; padding:0; } /* This controlls the Custom Recent Post Widget */ .latest-posts{ /*border-bottom:1px dotted #ECECEC;*/ margin-bottom:10px; padding-bottom:10px; text-align:left; } .tab-container .latest-posts { border-bottom:none; } .latest-posts span { font-size:11px; } .latest-posts h2{ font-size:13px; font-weight:normal; padding-bottom:0; padding-top:3px; margin:0; line-height: normal; } .latest-posts-thumb{ float:left; margin-right:15px; } #navigation .has-mega-menu .latest-posts-thumb a { padding: 0; } .latest-posts-thumb a img{ /*border:1px solid #fff;*/ padding:2px; -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -o-transition: border-color .2s linear; -ms-transition: border-color .2s linear; transition: border-color .2s linear; width:70px; height:auto; }/* .latest-posts-thumb a:hover img{ border:1px solid #5bc98c; }*/ .latest-comm-thumb{ float:left; margin-right:15px; } .latest-comm-thumb a img{ border:1px solid #fff; padding:2px; -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -o-transition: border-color .2s linear; -ms-transition: border-color .2s linear; transition: border-color .2s linear; width:45px; height:auto; } .latest-comm-thumb a:hover img{ border:1px solid #58a623; } .featured_post h2 { font-size:20px; margin:10px 0; } .featured_post span.date { font-size: 13px; color:#666; display: block; margin-bottom:10px; line-height: normal; } .featured_post .featured_post_excerpt { font-size:13px; line-height: 1.8; } .featured_post { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e7e7e7; } /* Default Recent Posts widget of WordPress */ .sidebar-widget .post-date { display: block; font-size:12px; } /* This controlls the Custom Recent Portfolio Widget */ .recent-portfolio { float: left } #navigation .has-mega-menu .recent-portfolio a { padding: 0; } .recent-portfolio a img{ /*margin:1px;*/ padding:2px; /*border:1px solid #fff;*/ -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -o-transition: border-color .2s linear; -ms-transition: border-color .2s linear; transition: border-color .2s linear; width:85px; height:auto; } /* .recent-portfolio a:hover img{ border:1px solid #58a623; }*/ /* This controlls the Custom Flickr Widget */ .recent-flickr, #navigation .has-mega-menu .recent-flickr { display:inline-block; } #navigation .has-mega-menu .recent-flickr a{ padding: 0; } .recent-flickr a img, #navigation .has-mega-menu .recent-flickr a img{ /*margin:5px;*/ padding:2px; /*border:1px solid #fff;*/ -webkit-transition: border-color .2s linear; -moz-transition: border-color .2s linear; -o-transition: border-color .2s linear; -ms-transition: border-color .2s linear; transition: border-color .2s linear; /* width: 53px; height: 53px; */ } /* .recent-flickr a:hover img, #navigation .has-mega-menu .recent-flickr a:hover img{ border:1px solid #58a623; } */ /* This controlls the Tags Widget */ .tagcloud{ padding:0 5px; } .tagcloud a{ padding:5px; } /* Search Widget ------------------------------------*/ .widget_search #s { width: 200px; } .widget_search form, .widget_search fieldset { margin: 0; } .breadcrumb_search_form { position: absolute; right: 0; top: 50%; margin-top: -21px; width:300px; } #searchform { position: relative; } #searchform .search_form_button { position: absolute; top: 0; right: 0; } #searchform .search_form_button .searchbut { font-family: fontawesome; border: none; height: 40px; width:40px; display: block; line-height: 40px; font-size:14px; background-color:#222222; color:#ffffff; cursor: pointer; -webkit-font-smoothing: antialiased; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; } #searchform .search_form_button .searchbut:hover { background-color:#444444; } .new_search_form { margin-top: 20px; } /*---------------------------------------------------*/ /* Contact Us Style */ #contact_map{ height:416px; margin-bottom:20px; } #contact_map iframe{ width:100%; height:416px; border:0; } .contact-form{ margin:5px 0; } .contact-form input[type="text"]{ margin:0 2.7% 2% 0; width:26%; } .contact-form input[type="text"].final{ margin:0 0 2% 0; } .contact ul{ list-style:none; } .contact ul li, #navigation .has-mega-menu .contact ul li{ border-bottom:none; background:none; padding: 0 0 5px 30px; margin-bottom: 5px; position:relative } #navigation .has-mega-menu .contact ul li { line-height:30px; } #navigation .has-mega-menu .contact ul li:last-child { margin-bottom: 0; padding-bottom: 0; } #navigation .has-mega-menu .contact ul li a{ padding-left:0 !important; line-height: normal; display:initial; } .contact ul li i, #navigation .has-mega-menu .contact ul li i { position:absolute; width:26px; height:26px; font-size:16px; line-height:26px; text-align:center; left:0; } .contact ul li i.fa-mobile, #navigation .has-mega-menu .contact ul li i.fa-mobile { font-size:26px; } .post-slideshow{ margin-bottom:30px !important; } .post-slideshow .image,.floated-post-slideshow .image{ margin-bottom:0 !important; } /* #back to top ================================================== */ #gotoTop { display: none; position: fixed; width: 45px; height: 45px; background: url('images/icons/go-up.png') no-repeat center; background-color: #444; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; z-index:2000; } #gotoTop:hover { background-color: #a0ce4e; } /* call to action bar on footer ================================================== */ .action_bar { padding:40px 0; min-height:20px; background-color:#ccc; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; } .action_bar:hover { background-color: #d4f19d; } .action_bar_inner { max-width:960px; padding:0 10px; margin:0 auto; position:relative; } .action_bar_inner .cta_text { display: table-cell; vertical-align: top; padding-right:30px; text-align:left; } .action_bar_inner h2 { font-size: 20px; padding: 0; } .action_bar_inner .cta_button { float:none; display:table-cell; max-width:30%; vertical-align: middle; white-space: nowrap; } .action_bar_inner .button_default { margin-right:0; white-space:nowrap; } .action_bar_inner.pos_center .cta_text, .action_bar_inner.pos_center .cta_button { display: block; text-align: center; } .action_bar_inner.pos_center .cta_text { margin-bottom: 20px; padding-right:0; } .action_bar_inner.pos_center .cta_button { max-width: none; } /* Page Builder Style */ .wpb_content_element { margin-bottom:0 !important; } .transparent_white_column { padding:0 30px; background-color:rgba(255,255,255,0.6) } .vc_toggle_title > h4 { font-size:14px; line-height: normal; font-weight: 600; color:#444; } .vc_toggle_size_md .vc_toggle_title > h4 { font-size:18px; line-height: 24px } .vc_toggle_content p:last-child { margin-bottom: 0; } .vc_toggle_color_blue .vc_toggle_title > h4 { color: #5472d2; } .vc_toggle_color_peacoc .vc_toggle_title > h4 { color: #4cadc9; } .vc_toggle_color_violet .vc_toggle_title > h4 { color: #8d6dc4; } .vc_toggle_color_turquoise .vc_toggle_title > h4 { color: #00c1cf; } .vc_toggle_color_pink .vc_toggle_title > h4 { color: #fe6c61; } .vc_toggle_color_chino .vc_toggle_title > h4 { color: #e1d9cb; } .vc_toggle_color_mulled_wine .vc_toggle_title > h4 { color: #695f77; } .vc_toggle_color_vista_blue .vc_toggle_title > h4 { color: #9ce2b8; } .vc_toggle_color_black .vc_toggle_title > h4 { color: #444444; } .vc_toggle_color_grey .vc_toggle_title > h4 { color: #d2d2d2; } .vc_toggle_color_orange .vc_toggle_title > h4 { color: #f7be68; } .vc_toggle_color_sky .vc_toggle_title > h4 { color: #86baea; } .vc_toggle_color_green .vc_toggle_title > h4 { color: #87c456; } .vc_toggle_color_juicy_pink .vc_toggle_title > h4 { color: #f7817d; } .vc_toggle_color_sandy_brown .vc_toggle_title > h4 { color: #fab698; } .vc_toggle_color_purple .vc_toggle_title > h4 { color: #cb9fcd; } .wpb_posts_slider .flex-direction-nav a { top:6px; } .wpb_gallery .wpb_flexslider .flex-control-paging { display: none !important; } .vc_separator { margin-bottom:20px; } /* .tp-bannertimer { top:auto !important; bottom:0 !important; } */ /* @media screen and (min-width: 960px){ body, html { height: 100%; } .container { min-height: 100%; } .footer { position:absolute; bottom:0; } }*/ /* Common style Portfolio 2 */ .grid { position: relative; margin: 0 auto; list-style: none; text-align: center; } .grid figure { position: relative; float: left; overflow: hidden; margin:0 1% 2% 1%; min-width: 120px; /*max-width: 480px;*/ /*max-height: 360px;*/ background: #3085a3; text-align: center; /*cursor: pointer;*/ } .has_spacing figure { padding: 5px; background-color:transparent; box-sizing: border-box; -webkit-box-sizing: border-box; } figure .portfolio_date{ text-transform: none; font-size:13px; color:#777; } .hide_icons { } .grid figure.cols-5 { width: 17.9%; } /* .grid figure.cols-5:nth-child(5n) { margin-right: 0; } */ .grid figure.cols-4 { width: 22.9%; } /* .grid figure.cols-4:nth-child(4n) { margin-right: 0; } */ .grid figure.cols-3 { width: 31.3%; } /* .grid figure.cols-3:nth-child(3n) { margin-right: 0; } */ .grid figure.cols-2 { width:47.9%; } /* .grid figure.cols-2:nth-child(2n) { margin-right:0; } */ .fullscreen { width: 100%; overflow:hidden; box-sizing:border-box; } .grid.fullscreen figure{ margin:0 ; } .grid.fullscreen figure.cols-5 { width: 19.95% ; min-width:inherit; } .grid.fullscreen figure.cols-4 { width: 24.9% ; min-width:inherit; } .grid.fullscreen figure.cols-3 { width: 33.3%; min-width:inherit; } .grid figure img { position: relative; display: block; width: 100%; height:auto; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; } .grid.show_meta figure figcaption { position:relative; } .grid figure h3 { font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 20px; padding-bottom: 0; margin-bottom: 0; } figure .figure_image_holder { position:relative; } figure .effect-overlay { position: absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.6); opacity:0; top: 0; transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; } figure .effect-overlay .zoomin, figure .effect-overlay .launch { width: 45px; height: 45px; background-color: transparent; border:2px solid #ffffff; position:absolute; border-radius: 50%; -webkit-border-radius: 50%; line-height:45px; color: #ffffff; text-align:center; top:35%; left: 50%; margin-left: -51px; margin-top: -24.5px; transition:all .35s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; font-size: 16px; opacity: 0; } .hide_icons figure .effect-overlay .zoomin { display: none; } figure .effect-overlay .launch { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; margin-right: -51px; left: auto; right:50%; } .hide_icons figure .effect-overlay .launch { border-radius: 0; -webkit-border-radius: 0; left:0; right: auto; margin-left:0; margin-right:0; margin-top:0; border:none; top:0; width:100%; height:100%; } .grid figure:hover .effect-overlay .zoomin, .grid figure:hover .effect-overlay .launch, .grid figure:focus .effect-overlay .zoomin, .grid figure:focus .effect-overlay .launch { top:50%; opacity: 1; } .grid.icons_extra_margin figure:hover .effect-overlay .zoomin, .grid.icons_extra_margin figure:hover .effect-overlay .launch, .grid.icons_extra_margin figure:focus .effect-overlay .zoomin, .grid.icons_extra_margin figure:focus .effect-overlay .launch { margin-top:-44px; } .hide_icons.grid figure:hover .effect-overlay .launch, .hide_icons.grid figure:focus .effect-overlay .launch { top:0; } .hide_icons figure.effect-zoe .effect-overlay .launch a { display:block; width:100%; height: 100%; } .hide_icons figure.effect-zoe .effect-overlay .launch a i { display:none; } /*---------------*/ /***** Zoe *****/ /*---------------*/ .grid figure.effect-zoe img { opacity: 1; transition: transform 0.35s; } .grid figure.effect-zoe { background-color:transparent; } figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 12px 0; background: #5bc98c; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } .show_meta figure.effect-zoe figcaption { transform:none; -webkit-transform: none; padding: 20px 0; } figure.effect-zoe a{ color: #ffffff; display: block; } figure.effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ } figure.effect-zoe h2, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe .tags, figure.effect-zoe .tags a { color: #b5b8bf; font-size:12px } figure.effect-zoe .tags i { font-size: 11px; color: #d7d8db; margin-right: 2px; } figure.effect-zoe:hover .effect-overlay, figure.effect-zoe:focus .effect-overlay { opacity: 1; } figure.effect-zoe:hover img, figure.effect-zoe:focus img { transform: scale(1.15); } figure.effect-zoe:hover figcaption, figure.effect-zoe:focus figcaption { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Modern Portfolio Extra Styling */ .modern_overlay_effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color:#ffffff; transition: .4s all ease-in-out; -webkit-transition: .4s all ease-in-out; } .portfolio_content_wrap { width:100%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; } @media screen and (min-width: 1170px) { .flat_images figure.modern_portfolio_layout.cols-2 { width: 47%; } .flat_images figure.modern_portfolio_layout img { max-width: none; width:auto; } .flat_images figure.modern_portfolio_layout.cols-4 img { left:-2px; } .flat_images figure.modern_portfolio_layout.cols-3 img { left:-7.5px; } } figure.modern_portfolio_layout { margin: 1%; } .masonry_images figure.modern_portfolio_layout { margin: 0; } .masonry_images figure.cols-4 { width:24.98%; } .masonry_images figure.cols-3 { width:33.28%; } figure.modern_portfolio_layout:hover { box-shadow: 0px 0px 30px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.05); } figure.modern_portfolio_layout h3{ font-size: 17px; margin-bottom:0; font-weight: 400; text-transform: none; line-height: normal; opacity:0; transition: all .3s linear; -webkit-transition: all .3s linear; position: relative; top:-100px; display: block; padding-bottom:25px; } figure.modern_portfolio_layout h3 a { color: #4e5ee9; display: block; } figure.modern_portfolio_layout:hover .modern_overlay_effect { opacity: 1; width:100%; height:100%; top:0; left:0; } figure.modern_portfolio_layout:hover .modern_overlay_effect h3 { opacity:1; top: 0; } figure.modern_portfolio_layout span.portfolio_categ_list { position: absolute; width:100%; left:0; transition: all .3s linear; -webkit-transition: all .3s linear; bottom:-100px; } figure.modern_portfolio_layout:hover span.portfolio_categ_list { bottom:0; } figure.modern_portfolio_layout span.portfolio_categ_list a, figure.modern_portfolio_layout span.portfolio_categ_list { font-size:12px; color: #9e9e9e; } figure.modern_portfolio_layout .make_this_full { position: absolute; width:100%; height:100%; display: block; } .flat_modern_portfolio_below .modern_overlay_effect { position: relative; opacity: 1; padding: 15px 0; } .flat_modern_portfolio_below figure.modern_portfolio_layout .make_this_full { display: none; } .flat_modern_portfolio_below .portfolio_content_wrap { top: auto; transform: none; -webkit-transform: none; } .flat_modern_portfolio_below figure.modern_portfolio_layout h3 { padding-bottom: 0; opacity: 1; top: auto; } .flat_modern_portfolio_below figure.modern_portfolio_layout span.portfolio_categ_list { position: relative; bottom: auto; left: auto; } /* * Owl Carousel - Animate Plugin */ .clients_carousel .owl-stage div { /*float:left;*/ } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; overflow: hidden; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; width: 0px; height:0px; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /*.owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent}*/ .owl-theme .owl-controls .owl-nav [class*=owl-]{ font-size:14px; background: rgba(0,0,0,0.7); display:inline-block; cursor:pointer; position: absolute; top: 40%; left: 0; right: auto; width: 25px; height: 50px; text-align: center; line-height: 50px; margin-top: -25px; transition: background-color .2s ease-in-out; } .owl-carousel .owl-controls .owl-nav .owl-next { right: 0; left: auto; } .owl-theme .owl-controls .owl-nav [class*=owl-] i { font-size:16px; color: #fff; } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: rgba(0,0,0,0.4);} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{ width:5px; height:5px; margin:3px; background:#d6d6d6; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px } .big.owl-theme .owl-dots .owl-dot span { width:10px; height: 10px; margin:5px; } .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#5bc98c} .owl-dots { margin-top:20px; text-align: center; } .design_modern.left_dots.owl-theme .owl-controls { padding-left:50px; } .test_nav_arrows .owl-controls .owl-dots{ display: none !important; } .test_nav_arrows .owl-controls .owl-nav { text-align: center; } .design_modern.left_dots.test_nav_arrows .owl-controls .owl-nav { text-align: left; } .design_modern .review.left_image .comment_author_details { padding-left:0; } .test_nav_arrows .owl-controls .owl-nav [class*=owl-] { position: relative; background-color: transparent; margin-top:0; } .test_nav_arrows .owl-controls .owl-nav [class*=owl-]:hover { background-color: transparent; } .test_nav_arrows .owl-controls .owl-nav .owl-next { right:-10px; } .test_nav_arrows .owl-controls .owl-nav .owl-prev { left: -10px; } .test_nav_arrows .owl-controls .owl-nav [class*=owl-] i { color:#333; font-size:20px; } .left_dots .owl-dots { text-align:left; } .test_nav_lines.owl-theme .owl-dots .owl-dot span { width:20px; height:15px; display: block; background-color: transparent; position:relative; } .test_nav_lines.owl-theme .owl-dots .owl-dot span:before { content:""; width:100%; height:2px; background-color: #abacb2; position:absolute; margin-top: 6px; left:0; } .test_nav_lines.owl-theme .owl-dots .owl-dot.active span:before, .test_nav_lines.owl-theme .owl-dots .owl-dot:hover span:before { background-color: #5bc98c; } /* Flexslider css */ /* * jQuery FlexSlider v1.8 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0 auto; padding: 0; max-width:980px; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ /*.vc_recent_posts .flexslider .slides > li { display: list-item; }*/ .flexslider .slides img {max-width: 100%; display: block; height:auto; width:100%;} .flexslider.single_post_featured { margin-bottom:30px; } .flex-pauseplay span {text-transform: capitalize;} /* Overide flexslider width based on portfolio size ********************************/ .half { width: 65.9574%; float: left; } .half_desc { width: 30%; float:right; padding:0px 10px 5px 10px; } .full { width: 100%; } .full_desc { margin-bottom:0px; padding-top:30px; } .no-margin{ margin-bottom:0px; padding-bottom:0px; } /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .page .post-content .flexslider .slides, .page .post-content .flexslider .flex-direction-nav { margin:0; padding:0; list-style: none; } .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} .add_margin{ margin-bottom:20px; } .mini{ /*max-width:220px;*/ border-color:#F7F7F7; } /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption { padding: 10px; margin: 0; position: absolute; left: 0; bottom: 0;/* background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;border-top-right-radius: 5px;*/} /* Direction Nav */ /* Direction Nav */ /* .flex-direction-nav {height: 0;}*/ .flex-direction-nav a { width: 40px; height: 40px; /*margin: -20px 0 0; */ display: block; background-repeat:no-repeat; position: absolute; top: 50%; cursor: pointer; /*opacity: 0; */ -webkit-transition: all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; background-color:#333; margin-top:-20px; font-size:26px; color:#fff; text-align:center; z-index:900; opacity:0.7; } .flex-direction-nav a:hover { background-color:#5bc98c; color:#fff; } .flex-direction-nav .flex-next { right:0; } .flex-direction-nav .flex-prev { left:0; } .flex-direction-nav a i { line-height:40px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {position: absolute; bottom: 5px; right:20px; } .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 12px; height: 12px; display: block; background: url(theme/bg_control_nav3.png) no-repeat; cursor: pointer; text-indent: -999em;} .flex-control-nav li a:hover {background-position: -12px 0px;} .flex-control-nav li a.flex-active {background-position: -12px 0px; cursor: default;} /* WOOCOMMERCE SHOP */ @font-face { font-family: 'woocommerce'; src: url('css/woo/WooCommerce.eot'); /* IE9 Compat Modes */ src: url('css/woo/WooCommerce.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/woo/WooCommerce.woff') format('woff'), /* Modern Browsers */ url('css/woo/WooCommerce.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/woo/WooCommerce.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'star'; src: url('css/woo/star.eot'); /* IE9 Compat Modes */ src: url('css/woo/star.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('css/woo/star.woff') format('woff'), /* Modern Browsers */ url('css/woo/star.ttf') format('truetype'), /* Safari, Android, iOS */ url('css/woo/star.svg#svgFontName') format('svg'); /* Legacy iOS */ } /* Hack for home icon */ .page-title .breadcrumb .breadcrumbs li:first-child a:before { content: "\f015"; font-family: fontawesome; display: inline-block; } .product .cart .button { margin-top: 0; } .woocommerce-product-search { position: relative; } .woocommerce-product-search label, .woocommerce-product-search input[type="submit"] { display: none; } .woocommerce-product-search input[type="submit"] { display: block; position: absolute; top: 0; height: 40px; right: 0; font-size: 12px; /* text-transform: uppercase; */ padding: 0 10px; background-color: #222; border: none; color: #fff; font-weight: 400; cursor: pointer; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; border-radius: 0; -webkit-border-radius: 0; } .woocommerce-product-search input[type="submit"]:hover { background-color:#444; } .woocommerce img:not(.retina_logo), .woocommerce-page img:not(.retina_logo) { height: auto; max-width: 100%; } .woocommerce-ordering { width: 100%; padding-bottom: 30px; position: relative; } .woocommerce .post_container select { height: 40px; border: 1px solid #e1e1e1; color: #888; padding: 5px 10px; width: auto; } .inside_prod { border: 1px solid #e1e1e1; } .image_prod { text-align:center; position:relative; overflow: hidden; } .image_prod .badge, .product .badge { position: absolute; width:50px; height:25px; line-height:25px; text-align:center; padding:2px; /* border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; */ background-color:#5bc98c; color:#fff; left: 3px; top:3px; word-wrap:break-word; font-weight:500; font-size:12px; z-index: 10; } .image_prod .badge.out-of-stock-badge, .product .badge.out-of-stock-badge { line-height:normal; background-color: #666; font-weight:normal; font-size:13px; } .image_prod .badge.free-badge, .product .badge.free-badge{ background-color: #febf4d; } .image_prod .out-of-stock-badge span, .product .out-of-stock-badge span { position:relative; top: 6px; } /* WooCommerce Secondary Image */ .image_prod_wrap { position: relative; } .image_prod_wrap img.woo_secondary_image { position: absolute; top:0; left:0; opacity: 0; visibility: hidden; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .image_prod_wrap:hover img.woo_secondary_image { opacity:1; visibility: visible; } /* WooCommerce In Cart indicator */ .cart-loading { display: block; height: 30px; width: 30px; line-height: 30px; font-size: 20px; color: #000; position: absolute; top: 0; right: 0; z-index: 100; display: none; text-align: center; } .cart-loading .fa-refresh{ -webkit-animation: mask 1s infinite; -moz-animation: mask 1s infinite ; -ms-animation: mask 1s infinite ; -o-animation: mask 1s infinite ; animation: mask 1s infinite ; display:inline-block; } @-webkit-keyframes mask { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes mask { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-ms-keyframes mask { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @-o-keyframes mask { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes mask { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .products .product { float: left; margin: 0 3% 3% 0; width: 31.2%; padding: 0; position: relative; } .products .product-category a{ display: block; } .products .product-category h3 { padding: 20px 10px; text-align: center; box-sizing: border-box; position: relative; } .products .product-category h3 mark { background-color: transparent; font-size:11px; position:absolute; margin-left:5px; } /* Category display select customization */ .woocommerce-result-count { float: left; margin-bottom: 0; line-height:40px; } .woocommerce-ordering { text-align:right; } /* ===================================== */ .page .post-content ul.products { list-style: none; margin:0; padding:0; } .woo_carousel.products .owl-carousel .owl-stage-outer { overflow: visible; } .woo_carousel.products .product { float: none; margin:0; width: 100%; } .no_sidebar .products .product, .woocommerce.columns-4 .products .product { width: 22.75%; } .woocommerce.columns-2 .products .product { width: 48.5%; } .woocommerce.columns-5 .products .product { width: 17.6%; } .woocommerce.columns-6 .products .product { width: 14.16%; } .related.products .products .product { } .product { position:relative; } .products .product.first { clear: both; } .products .product.last { margin-right:0; } .product_details { padding: 10px 15px 15px; border-top:1px solid #e1e1e1; position:relative; background-color:#fff; } .products .product h3 { font-size: 13px; line-height: normal; font-weight: 600; margin: 0; } .woocommerce-pagination { clear: both; } .woocommerce-pagination ul li { display: inline-block; margin-right:5px; border:1px solid #5bc98c; height: 30px; width:30px; text-align:center; line-height: 30px; } .woocommerce-pagination ul li span.current { display:block; background-color: #5bc98c; color:#fff; } .woocommerce-pagination ul li a{ display: block; } .woocommerce-pagination ul li a:hover { background-color: #5bc98c; color: #fff; } .inside_prod .product_buttons_wrap { position: absolute; background-color: rgba(0,0,0,0.7); bottom: -45px; transition: .2s ease-in-out; width: 100%; box-sizing: border-box; } .inside_prod .product_buttons_wrap a{ color: #fff; font-weight:400; display: inline-block; line-height: 40px; padding: 0 10px; font-size:11px; text-transform: uppercase; } .inside_prod:hover .product_buttons_wrap { bottom:0px; } .product_buttons_wrap i { margin-right:10px; position: relative; top:-1px; } .inside_prod .product_buttons_wrap a.added_to_cart { /*margin-left:30px;*/ } .inside_prod .product_buttons_wrap a.added_to_cart:before { content:"\f090"; font-family: fontawesome; position: relative; margin-right:10px; } .product_price, .product .summary .price { font-size:16px; font-weight:600; color: #5bc98c; margin-bottom:10px; } .single-product .product_price, .single-product .product .summary .price { margin-bottom:15px; } .product_price del, .product del { color: #ccc; font-size:13px; font-weight:400; } .product_price ins, .product ins { text-decoration:none; } .product .images { width:40%; position:relative; float: left; } .woocommerce .product .images a img { border:1px solid #e9e9e9; } .woocommerce .product .images .thumbnails { margin-top:10px; } .woocommerce .product .images .thumbnails a { display: inline-block; } .woocommerce .product .images .thumbnails a img { max-width: 60px; margin-right: 5px; margin-bottom:5px; } .woocommerce .product .images .thumbnails a:nth-child(5n) img { margin-right: 0; } .product .summary { width:56%; float:right; } .product .summary h1 { font-size: 20px; margin-bottom:0; } .product .summary .description { padding-top: 15px; border-top: 1px solid #f2f2f2; } .product .summary ul, .product .tab_content ul { list-style: disc; margin-left:20px; margin-bottom: 20px; } .product h2 { font-size:16px; font-weight:600; } .product .tab-holder { margin: 30px 0; } .product .shortcode-tabs .tab-hold .tabs li.active a:after { background: #5bc98c; } .woocommerce .quantity .minus, .woocommerce .quantity .plus { border: 1px solid #e1e1e1; background-color: #fbfaf9; width: 40px; height: 40px; padding:0; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; cursor:pointer; position:relative; font-size:20px; line-height: 40px; display: block; float: left; } .woocommerce .quantity .minus { float:left; } .woocommerce .quantity .minus:hover, .woocommerce .quantity .plus:hover { background-color:#5bc98c; border-color:#5bc98c; color: #fff; } .woocommerce .quantity .qty { height:38px; border:1px solid #e1e1e1; border-left:none; border-right:none; padding:0; text-align:center; margin-right:-16px; } .woocommerce .quantity { margin-right:20px; float:left; border: none; overflow: hidden; width: 130px; padding-right: 0; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty { border-color: #e1e1e1; border-left: none; width:60px; text-align:center; margin-right: -15px; font-size:15px; font-weight: bold; position: relative; display: block; float:left; line-height: 40px } .woocommerce .group_table .quantity { width:100px; margin-right:0; } .group_table td label { margin-left: 10px; display: block; } .single-product .product .summary .group_table .price { font-size:14px; text-align: right; } .single-product .product .summary .group_table .price .amount { margin-right:10px; } .woocommerce .product_image_small img { max-width: 50px; } .woocommerce .group_table .quantity { margin: 10px 0 10px 10px; } .woocommerce .group_table { margin-bottom:20px; } .woocommerce .group_table tr:nth-child(odd) { background-color:#f9f9f9; } .woocommerce .group_table tr:last-child td { border-bottom:1px solid #f2f2f2; } /* .woocommerce .group_table tr:last-child td div { margin-bottom:20px; }*/ .woocommerce .group_table .quantity .minus, .woocommerce .group_table .quantity .plus { width: 30px; height:30px; line-height: 30px; } .woocommerce .group_table .quantity input.qty { width: 45px; line-height: 30px } .woocommerce .group_table .quantity .qty { height:28px; } .product form.cart { margin-bottom:20px; } .product .product_meta { color: #888; } .product .comment-respond h3{ font-size:14px; font-weight:600; padding:10px 0; } .product p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; } .product p.stars a.star-1:after, .product p.stars a.star-2:after, .product p.stars a.star-3:after, .product p.stars a.star-4:after, .product p.stars a.star-5:after { font-family: WooCommerce; text-indent: 0; position: absolute; top: 0; left: 0; } .product p.stars a.star-1, .product p.stars a.star-2, .product p.stars a.star-3, .product p.stars a.star-4, .product p.stars a.star-5 { border-right: 1px solid #ccc; } .product p.stars a.star-1 { width:2em; } .product p.stars a.star-2 { width:3em; } .product p.stars a.star-3 { width:4em; } .product p.stars a.star-4 { width:5em; } .product p.stars a.star-5 { width:6em; border: 0; } .product p.stars a.star-1:after { content: "\e021"; } .product p.stars a.star-1.active:after, .product p.stars a.star-1:hover:after { content: "\e020"; } .product p.stars a.star-2:after { content: "\e021\e021"; } .product p.stars a.star-2.active:after, .product p.stars a.star-2:hover:after { content: "\e020\e020"; } .product p.stars a.star-3:after { content: "\e021\e021\e021"; } .product p.stars a.star-3.active:after, .product p.stars a.star-3:hover:after { content: "\e020\e020\e020"; } .product p.stars a.star-4:after { content: "\e021\e021\e021\e021"; } .product p.stars a.star-4.active:after, .product p.stars a.star-4:hover:after { content: "\e020\e020\e020\e020"; } .product p.stars a.star-5:after { content: "\e021\e021\e021\e021\e021"; } .product p.stars a.star-5.active:after, .product p.stars a.star-5:hover:after { content: "\e020\e020\e020\e020\e020"; } .product .tab-container #reviews input#submit, .msg .button { display: inline-block; padding: 7px 15px; border: 1px solid transparent; line-height: 18px; font-size: 12px; vertical-align: middle; text-align: left; outline: none; cursor: pointer; white-space: normal; transition: all 0.2s ease-in-out; font-weight:600; text-transform:uppercase; letter-spacing:1px; background: #5bc98c; color: #fff; } .msg .button { float:right; position: relative; top: -5px; } .product .tab-container #reviews input#submit:hover { background: #6dae63; color: #fff; } .comment-form-rating label { margin-bottom:10px; display:block; } .product .comment_quote { padding-bottom:20px; } .product .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 12px; color:#888; width: 5.4em; font-family: star; margin:7px 0; } .single-product .product .woocommerce-product-rating .star-rating { float: left; } .single-product .woocommerce-product-rating { margin-bottom:5px; } .single-product .woocommerce-product-rating .woocommerce-review-link { margin-left: 5px; } .product .star-rating:before { content: "\73\73\73\73\73"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute; } .product .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .product .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .woocommerce table.shop_table thead tr { background-color:#333333; color:#ffffff; } .woocommerce table.shop_table tbody tr.cart_item:nth-child(even) { background-color:rgba(175,175,175,0.1); } .woocommerce.woocommerce-cart table.shop_table tbody tr:last-child { background-color: transparent; } .woocommerce table.shop_table th { font-weight: 600; line-height: 25px; padding: 9px 12px; min-width: 32px; vertical-align: middle; text-align:left; text-transform:uppercase; font-size:12px; } .woocommerce .woocommerce-MyAccount-navigation ul { padding-left:0; margin:0 0 30px; } .woocommerce table.shop_table td{ padding: 10px; vertical-align: middle; } .woocommerce table.shop_table td.order-actions, .woocommerce table.woocommerce-MyAccount-downloads td.download-actions { text-align:right; } .woocommerce table.woocommerce-MyAccount-orders td.order-total, .woocommerce table.woocommerce-MyAccount-downloads td.download-file { font-weight: 600; } .woocommerce table.woocommerce-MyAccount-orders td.order-number, .woocommerce table.woocommerce-MyAccount-downloads td.download-file { border-left:1px solid #e9e9e9; } .woocommerce table.woocommerce-MyAccount-orders td.order-actions, .woocommerce table.woocommerce-MyAccount-downloads td.download-actions { border-right:1px solid #e9e9e9; } .woocommerce table.woocommerce-MyAccount-orders td.order-actions .button, .woocommerce table.woocommerce-MyAccount-downloads td.download-actions .button { padding: 7px 20px; font-size:11px; line-height: normal; font-weight: 600; } .woocommerce table.woocommerce-MyAccount-orders tr:last-child td, .woocommerce table.woocommerce-MyAccount-downloads tr:last-child td { border-bottom: 1px solid #e9e9e9; } .woocommerce table.woocommerce-MyAccount-orders tr:nth-child(even), .woocommerce table.woocommerce-MyAccount-downloads tr:nth-child(even) { background-color:#f9f9f9; } .woocommerce table.shop_table td.product-name a{ font-weight: 600; } .woocommerce table.shop_table dl { margin-left:10px; font-size:12px; } .woocommerce table.shop_table dl dt, table.shop_table dl dd { display: inline-block; width: 70px; } .woocommerce table.shop_table dl dd { width: calc(100% - 80px); } .woocommerce table.shop_table dl dt p, table.shop_table dl dd p { margin-bottom:0; } .woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal { font-weight: 600; font-size: 13px; } .woocommerce table.shop_table th.product-quantity .mobile { display:none; } .woocommerce table.shop_table td.product-thumbnail, .woocommerce #order_review table.shop_table td.product-name, .woocommerce #order_review table.shop_table tr.cart-subtotal th, .woocommerce #order_review table.shop_table tr.order-total th { border-left:1px solid #e9e9e9; } .woocommerce table.shop_table td.product-remove, .woocommerce #order_review table.shop_table td.product-total, .woocommerce #order_review table.shop_table tr.cart-subtotal td, .woocommerce #order_review table.shop_table tr.order-total td { border-right: 1px solid #e9e9e9; } .woocommerce #order_review table.shop_table td.product-total, .woocommerce #order_review table.shop_table tr.cart-subtotal td { font-weight: 600; } .woocommerce table.shop_table td.product-thumbnail { width: 100px; } td.product-remove a { display: block; width:14px; height:14px; line-height:14px; text-align:center; line-height:14px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-color: #F2DEDE; color: #fff; margin:0 auto; } td.product-remove a:hover { background-color: #d05b6c; } .woocommerce table.cart td.actions .coupon { float:left; } .woocommerce table.cart td.actions { padding: 20px 0 0; text-align:right; border-top:1px double #e9e9e9; } .woocommerce table.cart input { vertical-align:middle; } .woocommerce table.cart td.actions .coupon input[type=text] { width:auto; margin-right:10px; } .cart-collaterals { margin-top:20px; padding-top:20px; border-top:1px solid #e9e9e9; } .woocommerce-page .woocommerce .cart-collaterals h2 { text-transform:uppercase; font-size:16px; font-weight:600; margin:0; } .vc_row-fluid [class*="vc_span"]:first-child { margin-left: 0; } .vc_row-fluid [class*="vc_span"] { display: block; width: 100%; min-height: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5%; } .vc_row-fluid .vc_span6 { width: 48.75%; } .shipping-calculator-form { display: block !important; } /* .country_to_state { width: 97%; height: 37px; border: 1px solid #ccc; color: #777; padding: 0 5px; } */ .select2-container .select2-choice { height:37px; line-height:37px; border:1px solid #ccc; color:#777; paddin:0 5px; border-radius: 0; -webkit-border-radius: 0; } .select2-drop-active { border-color: #ccc; } .cart_totals th{ text-align:left; padding:14px 0; width:50%; border-bottom:1px solid #f0f0f0; font-weight:400; } .cart_totals td { text-align:right; padding:14px 0; width:50%; border-bottom:1px solid #f0f0f0; } .cart-collaterals .cart_totals table tr.order-total th { text-transform:uppercase; font-weight:600; } .cart-collaterals .cart_totals table tr.order-total td { font-size:16px; color:#f96e5b; } .addmargintop { margin-top:18px; } .woocommerce form.checkout_coupon{ border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; } .woocommerce form .form-row-first { width: 49%; float: left; } .woocommerce form .form-row-last { width: 49%; float: right; } .woocommerce .col2-set, .woocommerce-page .col2-set { width:100%; border-bottom: 3px double #e9e9e9; margin-bottom: 30px; padding-bottom:30px; } .woocommerce .col2-set:after, .woocommerce .col2-set:before { content:" "; display:table; } .woocommerce .col2-set:after { clear:both; } .woocommerce .col2-set .col-1 { width: 49%; float: left; } .woocommerce .col2-set .col-2 { width: 49%; float: right; } .woocommerce-Address-title { position: relative; } .woocommerce header.woocommerce-Address-title h3 { display: block; margin-top: 0; padding: 10px; background: #333; color: #fff; margin-bottom: 0; } .woocommerce-Address-title a.edit { position: absolute; top: 50%; color: #fff; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .woocommerce-MyAccount-content address, .woocommerce-order-received address { padding: 10px; border: 1px solid #e9e9e9; border-top: none; font-style: normal; } .woocommerce-order-received address { border: 1px solid #e9e9e9; } .woocommerce form h3{ font-size:16px; text-transform: uppercase; } /* WooCommerce Thank You for order Page */ .woocommerce ul.order_details { margin-bottom:20px; border: 1px solid #e9e9e9; } .woocommerce ul.order_details li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; } .woocommerce ul.order_details li:nth-child(even) { background-color: #f2f2f2; } .woocommerce ul.order_details li:last-child { border-bottom: none; } .woocommerce table.shop_table.order_details thead tr th.product-total, .woocommerce table.shop_table.order_details td.product-total, .woocommerce table.shop_table.order_details tfoot td { text-align: right; font-weight: 600; } .woocommerce table.shop_table.order_details td.product-name, .woocommerce table.shop_table.order_details tfoot th { border-left:1px solid #e9e9e9; } .woocommerce table.shop_table.order_details td.product-total, .woocommerce table.shop_table.order_details tfoot td { border-right: 1px solid #e9e9e9; } .woocommerce table.shop_table.order_details tfoot th, .woocommerce table.shop_table.order_details tfoot td { border-top:1px solid #e9e9e9; } .woocommerce table.shop_table.order_details tfoot tr:last-child th, .woocommerce table.shop_table.order_details tfoot tr:last-child td { border-bottom: 1px solid #e9e9e9; } .woocommerce-order-received .woocommerce p.woocommerce-thankyou-order-received { text-align: center; font-size: 20px; font-weight: 600; color: #fff; display: block; background: #333; padding: 10px; margin-bottom: 0; } .woocommerce-order-received .woocommerce header h2, .woocommerce-order-received .woocommerce header.title h3, .woocommerce-view-order .woocommerce header.title h3 { padding: 10px; margin-bottom:0; display: block; background-color: #333; color:#fff; font-size:12px; } .woocommerce table.shop_table.customer_details th { border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .woocommerce table.shop_table.customer_details td { border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; text-align: right; font-weight: 600; } .woocommerce table.shop_table.customer_details tr:last-child th, .woocommerce table.shop_table.customer_details tr:last-child td { border-bottom: 1px solid #e9e9e9; } .woocommerce table.shop_table.customer_details tr:nth-child(even) { background-color: #f2f2f2; } /* WooCommerce Checkout page */ .woocommerce form.checkout table.shop_table th, .woocommerce form.checkout table.shop_table tr.order-total td { border-top: 1px solid #e9e9e9; } .woocommerce #order_review table.shop_table tr.order-total th, .woocommerce #order_review table.shop_table tr.order-total td { border-bottom: 1px solid #e9e9e9; } .woocommerce form.checkout table.shop_table th.product-total, .woocommerce form.checkout table.shop_table td.product-total, .woocommerce form.checkout table.shop_table tr.cart-subtotal td, .woocommerce form.checkout table.shop_table tr.order-total td { text-align: right; } .woocommerce table.shop_table tr.empty-space td,.woocommerce table.shop_table tr.empty-space th { border-top:none; } .woocommerce form.checkout table.shop_table tr.cart-subtotal td,.woocommerce form.checkout table.shop_table tr.cart-subtotal th { padding-top:10px; border-top:1px double #e9e9e9; } .woocommerce table.shop_table tfoot tr.order-total td{ font-size: 18px; font-weight: 600; color: #5bc98c; } #order_review table.shop_table { margin-bottom:30px; } .woocommerce #payment ul.payment_methods { text-align: left; padding: 1em; border-bottom: 1px solid #e9e9e9; margin: 0 0 20px 0; list-style: none; } .woocommerce #payment div.payment_box { background-color: #f2f2f2; position: relative; width: 96%; padding: 1em 2%; margin: 1em 0; font-size: .92em; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1.5em; color: #888; } .woocommerce #payment div.payment_box p { margin-bottom:0; } .woocommerce #payment div.payment_box:after { content: ""; display: block; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em; border: 8px solid #f2f2f2; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .woocommerce #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 .5em; padding: 0; position: relative; box-shadow: none; } .woocommerce #payment .payment_method_paypal img { max-height:52px; } .woocommerce #payment .payment_method_paypal .about_paypal { float: right; line-height: 52px; font-size: .73em; } .woocommerce #payment #place_order { position: relative; left:50%; width:40%; transform:translateX(-50%); -webkit-transform:translateX(-50%); text-align: center; font-size:16px; padding: 20px; } .woocommerce .post_container h2, .woocommerce-checkout h2, .woocommerce-checkout h3, .woocommerce-view-order .woocommerce .woocommerce-MyAccount-content h2, .woocommerce-edit-address .woocommerce .woocommerce-MyAccount-content form h3 { font-size: 16px; text-transform: uppercase; margin-top: 30px; font-weight:600; } .woocommerce .post_container #comments h2 { margin-top:0; font-size:14px; } .woocommerce-orders .woocommerce table.shop_table th { border-top: none; } .woocommerce header.title h3 { font-size: 12px; text-transform:uppercase; margin-top:20px; font-weight:600; } .woocommerce fieldset legend { font-size:16px; text-transform:uppercase; padding-top:20px; padding-bottom:10px; font-weight:600; } table.variations { margin-bottom: 10px; position: relative; } table.variations:after { content: "Field Required *"; position: absolute; top: 0; right: 0; /* text-transform: uppercase; */ font-style: italic; color: red; font-size: 11px; } table.variations, table.variations tbody, table.variations th, table.variations tr, table.variations td { display: block; } table.variations tr { margin-bottom: 10px; } table.variations td { width: 100%; } table.variations td.label { font-weight: 700; text-transform: uppercase; padding-bottom: 5px; } table.variations td.label label:after { content: "*"; position: relative; font-size: 10px; top: -3px; left: 3px; color: red; font-weight: normal; } .woocommerce .post_container table.variations select { width:100%; outline: none; color:#333; } .woocommerce .post_container table.variations select option { font-style: normal; color:#333; } table.variations a.reset_variations { display: block !important; margin-top: 15px; font-weight: bold; font-size: 11px; text-transform: uppercase; color: red; font-style: italic; text-align: right; margin-top: 10px; } .single_variation_wrap .woocommerce-variation-price { padding:10px 0; border-top:1px solid #f2f2f2; } ul.cart_list li img, ul.product_list_widget li img { margin-left: 0; margin-left: 10px; width: auto; max-width: 50px !important; float: right; } .woocommerce .widget_shopping_cart_content .quantity { border: none; width: auto; font-weight: 700; margin-top: 7px !important; position: relative; zoom: 1; float: none; display: block; } .woocommerce .widget_shopping_cart_content .quantity .amount { color: #f96e5b; } .woocommerce .widget_shopping_cart_content .total { border-top: 3px double #e1e1e1; margin-top: 10px; padding-top: 10px; } .woocommerce .widget_shopping_cart_content .total .amount { font-size:16px; color: #f96e5b; font-weight:700; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #EBEBEB; height: 3px; background-image: none; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; border-bottom: 1px solid #FFFFFF; margin: 30px 0; width: calc(100% - 20px); margin-left:2px; } .woocommerce .widget_price_filter .ui-slider { position: relative; text-align: left; margin-bottom:1em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { height: 3px; border: none!important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; background-image: none!important; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset!important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset!important; border-bottom: 1px solid #FFFFFF; background-color: #5bc98c; position: absolute; z-index: 1; font-size: .7em; display: block; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #F5F5F5; background-image: none; height: 12px; width: 12px; top: -5px; border: none; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.25), 0px 9px 8px rgba(0,0,0,0.035), 0px 1px 0px #fff inset; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.25), 0px 9px 8px rgba(0,0,0,0.035), 0px 1px 0px #fff inset; -o-box-shadow: 0px 1px 4px rgba(0,0,0,0.25), 0px 9px 8px rgba(0,0,0,0.035), 0px 1px 0px #fff inset; position: absolute; z-index: 2; border-radius: 0; cursor: pointer; outline: 0; } /* .price_slider_wrapper { max-width: 280px; } */ .woocommerce .widget_price_filter .price_slider_amount .price_label { display: block; float: right; line-height: 30px; font-size:12px; font-weight: 700; } ul.cart_list li, ul.product_list_widget li{ display: block; margin-bottom:15px; padding-bottom:15px; position: relative; background: none; border-bottom: 1px solid #eeeeee; overflow: hidden; } .woocommerce ul.cart_list li:before { content:initial; } .woocommerce ul.product_list_widget li:last-child { border-bottom: none; padding-bottom:0; } .star-rating { margin: 7px 0; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 11px; width: 5.4em; font-family: star; } .star-rating:before { content: "\73\73\73\73\73"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } ul.product_list_widget li a { display:block; } ul.product_list_widget li.mini_cart_item a:not(.remove) { padding-left: 20px; font-weight: 500; } ul.product_list_widget li.mini_cart_item dl.variation{ padding-left:20px; color:#888888; font-size:12px; padding-right:60px; box-sizing: border-box; } ul.product_list_widget li.mini_cart_item dl.variation dt { width:40%; display: inline-block; padding-left:5px; box-sizing: border-box; } ul.product_list_widget li.mini_cart_item dl.variation dt:nth-of-type(even) { background-color:#f4f4f4; } ul.product_list_widget li.mini_cart_item dl.variation dd:nth-of-type(even) { background-color:#f4f4f4; } ul.product_list_widget li.mini_cart_item dl.variation dd { width:55%; display: inline-block; margin-left:-3px; } ul.product_list_widget li ins, ul.product_list_widget li .amount { text-decoration:none; font-weight:600; } ul.product_list_widget li del { font-weight:normal; font-size:12px; } .woocommerce ul.product_list_widget li a.remove { position: absolute; top: 5px; left: 0; width: 12px; height: 12px; line-height: 12px; text-align: center; background-color: #d3d3d3; color: #fff; transition: background-color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; } .woocommerce ul.product_list_widget li a.remove:hover { background-color:#ff9090; } .woocommerce-MyAccount-navigation ul { margin-bottom:30px; border-bottom: 1px solid #ddd; } .woocommerce-MyAccount-navigation ul li { display: inline-block; margin: 0 40px 0 0; /* text-transform: uppercase; */ font-weight: 600; font-size: 14px; /* line-height: 50px; */ } .woocommerce-MyAccount-navigation ul li a { line-height: 50px; display: block; position: relative; } .woocommerce-MyAccount-navigation ul li a:before { content: ""; width: 100%; height: 3px; position: absolute; background-color: transparent; bottom: -2px; } .woocommerce-MyAccount-navigation ul li.is-active a:before { background-color: #5bc98c; } .woocommerce.single-product .stock { display: none; } .woocommerce.single-product .stock-options { margin-bottom:15px; } .woocommerce.single-product .stock-options .stock { display: initial; } .woocommerce.single-product .stock-options .stock-available, .woocommerce.single-product .stock-options .stock-quantity { float: left; } .woocommerce.single-product .stock-options .stock-available .stock-text { font-weight: bold; color: #5bc98c; } .woocommerce.single-product .stock-options .stock-available .stock-text.out-of-stock { color: #d62822; } .woocommerce.single-product .stock-options .stock-quantity { margin-left:15px; padding-left:15px; border-left:1px solid #f2f2f2; } .woocommerce.single-product .stock-options .stock-quantity .qty-text { font-weight: bold; } .woocommerce.single-product .product_meta .get_social { margin:0; } .woocommerce.single-product .cr_product_share { margin-top:15px; padding-top:10px; border-top:1px solid #f2f2f2; } .woocommerce.single-product .cr_product_share span { float:left; display: block; position: relative; top: 4px; } .woocommerce.single-product .product_meta .get_social li a { margin:0; color: #333; } .woocommerce.single-product .product_meta .get_social li a.lnk, .woocommerce.single-product .product_meta .get_social li a.tu { display: none; } .woocommerce.single-product .product_meta .get_social li a:hover { background-color:transparent; } .woocommerce.single-product .product_meta .get_social li a i { font-size:13px; } .sidebar-widget .product-categories li { padding-bottom:5px; border-bottom:1px solid #f2f2f2; } .sidebar-widget .product-categories li span { position: absolute; right: 0; font-size:12px; } /* ====================================== */ #branding .logo { transition: all .3s ease-in-out; } #branding .logo a img.hide_logo { display: none; } #branding .logo a img.show_logo { display: block; transition: height .3s ease-in-out; } #branding .logo a img.show_logo.normal_logo, .side_logo a img.normal_logo{ display: block; } #branding .logo a img.show_logo.retina_logo, .side_logo a img.retina_logo{ display: none; } /* Equal height cols inside row */@media screen and (min-width: 1025px) { .equal-height-columns { display: table; table-layout: fixed; width:100%; } .equal-height-columns .inner_wrap_margins { margin:0; } .equal-height-columns .vc_col-sm-1, .equal-height-columns .vc_col-sm-2, .equal-height-columns .vc_col-sm-3, .equal-height-columns .vc_col-sm-4, .equal-height-columns .vc_col-sm-5, .equal-height-columns .vc_col-sm-6, .equal-height-columns .vc_col-sm-7, .equal-height-columns .vc_col-sm-8, .equal-height-columns .vc_col-sm-9, .equal-height-columns .vc_col-sm-10, .equal-height-columns .vc_col-sm-11, .equal-height-columns .vc_col-sm-12 { float:none; display:table-cell !important; vertical-align: top; } .equal-height-columns .valign_middle { vertical-align:middle; } .equal-height-columns .valign_bottom { vertical-align:bottom; } /* owl carousel fix */ .equal-height-columns .clients_carousel { display:table; table-layout:fixed; } } /* Logo Separator */ .logo_separator { float: left; margin:0 10px; height: 30px; background-color:#444; width:1px; } /* CF7 styles */ span.wpcf7-form-control-wrap { display:block; } .half_width span.wpcf7-form-control-wrap { width: 47%; display: inline-block; margin-right:2%; } .third_width span.wpcf7-form-control-wrap { width: 31.7%; display: inline-block; margin-right:2%; vertical-align: top; } .third_width span.wpcf7-form-control-wrap:nth-of-type(3n) { margin-right:0; } .third_width p:nth-of-type(1) { display: block; } .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 select { margin-bottom:20px; } .wpcf7-form br { display:none; } .wpcf7 .form_left, .wpcf7 .form_right{ display: inline-block; width:48%; vertical-align:top; } .wpcf7 { position: relative; } .wpcf7 .form_right { margin-left:3%; } .wpcf7 input:focus, .wpcf7 textarea:focus { box-shadow: none; -webkit-box-shadow: none; } /* Youtube Video bg fix */ .youtube-bg { display:none; } /* EVENTS CALENDAR */ .single-tribe_events .post_container, .tribe-events-style-theme .post_container { width:100%; } .tribe-events-tooltip .tribe-events-event-thumb { padding-bottom:1em; } .tribe-events-style-theme .tribe-events-notices ul { margin: 0; padding: 0; } .tribe-events-style-theme .post_container .blogpost, .tribe-events-style-theme .container { overflow:visible; } .single-tribe_events .sidebar, .tribe-events-style-theme .sidebar { display:none; } .event-left { float: left; width:57.7%; } .event-right { float:right; width:39%; padding: 20px; box-sizing: border-box; border: 1px solid #eee; background-color: #f9f9f9; color: #999; } .event-right a{ color: #2f852e; } #tribe-events .tribe-events-button, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-inactive, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { background-color: #2f852e; transition: background-color .2s linear; -webkit-transition: background-color .2s linear; } #tribe-events .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .tribe-events-button:hover, #tribe-bar-form .tribe-bar-submit input[type=submit]:hover { background-color: #555; } .single-tribe_events .tribe-events-event-meta { margin:0; border: none; background: transparent; } .tribe-events-event-meta .column, .tribe-events-event-meta.primary .tribe-events-meta-group { margin-bottom: 20px; padding: 0; width:48%; margin-right: 4%; } .tribe-events-event-meta .tribe-events-meta-group:last-child { margin-right:0; } .tribe-events-event-meta.secondary .tribe-events-meta-group { width: 100%; margin: 0; padding: 0; margin-bottom: 20px; } .single-tribe_events .tribe-events-venue-map { margin: 0; width: 100%; background: none; padding: 0; display:block; box-sizing:border-box; border-radius: 0; -moz-border-radius: 0; border: none; } .blogpost .post-content h1.tribe-events-single-event-title{ line-height:1.3; margin-bottom:0; font-size: 27px; color:#444; } .blogpost .post-content .tribe-events-schedule { margin: 5px 0 20px 0; padding-bottom:10px; border-bottom: 1px solid #ededed; } #tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p { margin-bottom: 20px; } .blogpost .post-content h3.tribe-events-single-section-title { color: #444; font-size:18px; font-weight: 700; margin:0 0 10px 0; padding-bottom:5px; border-bottom:1px solid #e6e6e6; } .blogpost .post-content .tribe-events-schedule h5 { display:inline-block; } .single-tribe_events .tribe-events-schedule .tribe-events-cost { font-weight:700; color: #ffffff; padding:2px 8px; margin-left:10px; background:#2f852e; } .single-tribe_events .tribe-events-event-meta dl { margin-top:0; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { line-height: 1.5; font-size: 13px; color:#888; font-weight:600; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { font-size: 13px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd:last-child { padding-bottom:0; margin-bototm: 0; border:none; } .single-tribe_events .tribe-events-event-meta.secondary { border-top: none; } #tribe-bar-form input[type=text] { -webkit-appearance: none; border: 1px solid #e1e1e1; padding: 13px; background-color: #fff; font-weight: normal; color:#555; } #tribe-bar-form .tribe-bar-submit input[type=submit] { margin-top: 13px; font-weight: normal; padding: 12px 16px; border-radius: 3px; background-color:#2f852e; transition: background-color .2s linear; -webkit-transition: background-color .2s linear; } #tribe-events .tribe-events-button, .tribe-events-button { font-weight: normal; padding: 12px 15px; background-color: #2f852e; } .tribe-bar-views-inner { padding-bottom: 63px; } #tribe-events-content { margin-bottom: 20px; } #tribe-events-content h2 { font-size: 20px; font-weight: 600; color: #444; } #tribe-events-content .tribe-events-calendar td:hover { box-shadow: none; -webkit-box-shadow:none; } .tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a { background-color: #f5f5f5; color: #666; font-weight:600; } #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { background:#fff; } .tribe-events-calendar thead th { background-color: #2f852e; border-color: #2f852e; } #tribe-bar-form label { font-size: 14px; line-height: 28px; font-weight:500; } #tribe-events-bar * { padding-top:0; padding-bottom: 0; } #tribe-events-bar #tribe-bar-views .tribe-bar-views-inner { padding-top: 18px; padding-bottom: 60px; } #tribe-events-bar .tribe-bar-filters-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } #tribe-events-bar .tribe-bar-filters { padding: 15px 0; } .recurring-info-tooltip, .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip { padding: 0; width:420px; } #tribe-events-content .tribe-events-tooltip h4 { padding:10px 20px; color:#fff; background: #2f852e; } .tribe-events-tooltip .tribe-events-event-body { padding: 10px 20px 20px; font-size: 13px; } .tribe-events-notices { border-color: #b7d7b7; background-color: #daefd9; color: #2f852e; } .tribe-events-tooltip .duration { font-weight: 600; font-style:italic; } .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: 100%; } .tribe-events-list-separator-month { font-size:14px; color:#555; } .tribe-events-list-separator-month span { padding: 0 3%; } .tribe-events-list .tribe-events-event-image { float: none; width: auto; margin: 0; } .event_image { width: 28%; margin-right: 0; float: left; padding:20px; box-sizing:border-box; } .inside_event_image { position: relative; } .tribe-events-list .tribe-events-loop .tribe-events-content { width: 48%; margin-right:0; padding-top:20px; padding-right:20px; box-sizing:border-box; float:left; } .tribe-events-loop .tribe-events-event-meta { width:24%; float:right; clear: none; padding-left: 20px; box-sizing: border-box; border-left: 1px solid #ededed; margin-top: 0; padding-top: 20px; padding-right: 20px; margin-bottom: 0; padding-bottom: 20px; min-height:228px; } .event_metas { border: 1px solid #ededed; border-top: none; } .event_metas a.tribe-events-gmap { display:block; width:100%; margin-top:20px; } .tribe-events-list .tribe-events-event-cost { float: none; margin-left: 0; } .tribe-events-list .tribe-events-event-cost span { display:inline-block; margin-top:20px; padding: 10px 20px; font-size:16px; } #tribe-events-content h2.tribe-events-list-event-title { display: block; margin-bottom: 0; padding: 10px 5px; text-align: center; font-size: 18px; margin-left: 0; border: 1px solid #ededed; background: #f9f9f9; } .tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a { font-weight: normal; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left:0; } .tribe-events-day .tribe-events-day-time-slot h5 { background-color:#999; } /* Events calendar shortcode */ .event_calendar_wrap { position: relative; } .event_calendar_wrap h2 { font-size: 20px; font-weight: 600; } .event_calendar_wrap h4 { margin-bottom: 0; padding-bottom: 0; font-style: italic; color: #b5b8bf; } .event_calendar_wrap .event_excerpt { border-top: 1px solid #ededed; padding-top:10px; margin-top: 15px; } .event_calendar_wrap, .event_calendar_wrap figure { position: relative; } .event_calendar_wrap .tribe-events-event-cost { font-weight: 700; font-size:16px; color:#444; } .event_calendar_wrap .col.columns-2 { padding:0; margin-right:4%; width:48%; margin-bottom:4%; } .event_calendar_wrap .col.columns-3 { padding:0; margin-right:3.33%; width:31.1%; margin-bottom:3.33%; } .event_calendar_wrap .col.columns-4 { padding:0; margin-right:3%; width:22.7%; margin-bottom:3%; } .event_calendar_wrap .col.columns-2:nth-child(2n) { margin-right: 0; } .event_calendar_wrap .col.columns-3:nth-child(3n) { margin-right: 0; } .event_calendar_wrap .col.columns-4:nth-child(4n) { margin-right: 0; } .event_calendar_wrap .event_align_center { text-align: center; } .event_calendar_wrap .event_align_right { text-align:right; } /* Events Widget */ .sidebar-widget .hfeed .tribe-clearfix:before { display: none; } .sidebar-widget .hfeed li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc; } .sidebar-widget ol.hfeed { padding-left:20px; } .sidebar-widget .hfeed h4 { margin-bottom: 0; font-size:16px; } .sidebar-widget .hfeed .duration { font-size:12px; } /* Countdown Element */ .countdown-ul { margin:0; padding:0; text-align: center; list-style: none; width: 100%; } .countdown-ul li { display: inline-block; margin:10px; padding:20px 5px; text-align: center; width:20%; box-sizing: border-box; border: 1px solid #ccc; } .count3 .countdown-ul li { width:30%; } .count2 .countdown-ul li { width:48%; } .count1 .countdown-ul li { width:98%; } .countdown-ul li .time_st { position: relative; display: block; font-size:60px; font-weight: 400; color:#555; line-height: 1; padding:0 5px 10px; } .countdown-ul li .time_rf { color:#888; font-size:13px; letter-spacing: 2px; padding-top:20px; text-transform: uppercase; } .googlemaps h3 { font-size: 18px; font-weight: 500; } .googlemaps p { margin-bottom:10px; } /* Side Panel */ body.side-push-panel { overflow-x: hidden; } #side-panel { position: fixed; top: 0; right: -300px; z-index: 3006; width: 300px; height: 100%; background-color: #F5F5F5; overflow: hidden; overflow-y: scroll; -webkit-backface-visibility: hidden; } .side-panel-trigger { position: relative; } .close_navbar { width: 20px; height: 20px; position: absolute; display: block; top:-30px; font-size:20px; line-height: 20px; right:-20px; } body.side-panel-left #side-panel { left: -300px; right: auto; } body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header.sticky-header .container { right: 0; } body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header.sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } body.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .widget { margin-top: 40px; padding-top: 40px; width: 220px; border-top: 1px solid #E5E5E5; } #side-panel .sidebar-widget .textwidget p { margin-bottom: 20px; } #side-panel .sidebar-widget:last-child { margin-bottom: 0; } #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } body #side-panel { padding: 40px 30px 30px; box-sizing: border-box; } body.side-panel-open #side-panel { right: 0; } body.admin-bar #side-panel { padding-top:72px; } body.side-panel-open #side-panel .sidebar-widget { overflow: hidden;} body.side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } body.side-push-panel.side-panel-open.stretched #wrapper, body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 300px; } body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container { left: 300px; right: auto; } body #side-panel .sidebar-widget { padding:0; background-color: transparent; } body #side-panel .sidebar-widget h3.sidebar-title { margin-bottom:20px; } #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger a { font-size:14px; } #side-panel-trigger a i.icon-menu { font-size:20px; position: relative; top: 4px; } #navigation ul li #side-panel-trigger a { padding-right:5px; padding-left:5px; margin-left:10px; } /*#side-panel-trigger-close a { display: none; }*/ #side-panel, body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } body.side-panel-left #side-panel, body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header .container { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } .body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.side-panel-open .body-overlay { opacity: 1; z-index: 3004; pointer-events: auto; } body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: crosshair; } /* Tipsy - Tooltip for jQuery */ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; opacity: 0.8; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* ========================================= FLIP BOX ELEMENT ========================================= */ /* entire container, keeps perspective */ .flip-container { perspective: 1000px; -ms-perspective: 1000px; -moz-perspective: 1000px; -webkit-perspective: 1000px; transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; min-height: 50px; width: 100%; margin-bottom:20px !important; } /* UPDATED! flip the pane when hovered */ .flip-container:hover .back, .flip-container.hover_effect .back { transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -webkit-user-select: none; -webkit-touch-callout: none; } .flip-container:hover .front, .flip-container.hover_effect .front { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -webkit-user-select: none; -webkit-touch-callout: none; } /* .flip-container, .front, .back { width: 320px; height: 480px; } */ /* flip speed goes here */ .flipper { transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative; width:100%; height:100%; } .flipper h2 { font-size: 24px; font-weight: 600; } .flipper h3 { font-size: 22px; font-weight: 600; } /* hide back of pane during swap */ .front, .back { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transition: 0.6s; -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; padding:20px; box-sizing:border-box; font-size:13px; text-align: center; background-color:#efefef; color:#555; border:1px solid #ddd; border-radius: 5px; -webkit-border-radius: 3px; /* position: relative; top: 0; left: 0; width:100%; height:100%; min-height: 50px; */ } /* UPDATED! front pane, placed above back */ .front, .flip-container.remove_effect .front { z-index: 2; position: relative; transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .front .front_inner, .back .back_inner { position:relative; z-index:3; } .front .front_mask, .back .back_mask { z-index:1; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; width: 100%; } /* back, initially hidden pane */ .back, .flip-container.remove_effect .back { transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); position: absolute; top:0; left:0; width:100%; } /* Add vertical flip option */ .vertical.flip-container { position: relative; } .vertical .back { transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .vertical.flip-container:hover .back { transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .vertical.flip-container:hover .front { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } .flipper i { font-size: 40px; line-height:normal; display: block; margin:0 auto 20px auto; } /* Instagram Widget */ .instagram-pics li { max-width: 23%; display: inline-block; margin: 0 2% 2% 0; } .sidebar-widget ul.instagram-pics li { margin: 0 2% 2% 0; } .instagram-pics.instagram-size-small li { max-width:31%; } .instagram-pics.instagram-size-large li { max-width:48%; } .instagram-pics.instagram-size-original li { max-width:none; margin-right:0; } .footer .instagram-pics li{ max-width:8.333%; margin:0; } .footer .instagram-pics.instagram-size-small li{ max-width:10%; } .footer .instagram-pics.instagram-size-large li { max-width: 12.5%; } .footer .instagram-pics.instagram-size-original li { max-width: 16.666%; } .instagram_footer_wrap { position: relative; } .footer .instagram_footer_title { padding:10px; font-size:15px; color: #fff; text-align:center; } /* Instagram Widget as Visual Composer element */ .content_instagram .instagram-pics li { margin:0 2px 2px 0; } .insta_col_4 .instagram-pics li { width: calc(25% - 2px); } .insta_col_5 .instagram-pics li { width: calc(20% - 2px); } .insta_col_6 .instagram-pics li { width: calc(16.6% - 2px); } .insta_col_8 .instagram-pics li { width: calc(12.5% - 2px); } /* Mailchimp plugin for WordPress */ .mc4wp-form-fields p { margin-bottom:10px; } .mc4wp-form-fields p:last-of-type { margin-bottom: 0; } .mc4wp-form label { display: block; } .mc4wp-form input[type=submit] { margin-right:0; padding: 8px 12px; } /* About Me widget */ .about_me_img { margin-bottom:20px; } .about_me_heading { margin-bottom: 15px; } .about_me_img .about_rounded { border-radius: 5px; -webkit-border-radius: 5px; } .about_me_img .about_circle { border-radius: 50%; -webkit-border-radius: 50%; } .about_me_description img { display: block; margin-top:10px; } /* bbPress styling */ #bbpress-forums li.bbp-header { background-color: #5bc98c; padding: 15px; border-top: none; color: #fff; font-weight: bold; font-size: 15px; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: none; } .bbpress .single_blogpost_split { display: none; } .bbpress .blogpost { border-bottom: none; margin-bottom: 0; padding-bottom: 20px; } div.bbp-breadcrumb { float: none; display: none; } .page-title .bbp-breadcrumb { display: block; } .page-title .bbp-breadcrumb p { font-size: 12px; } #bbpress-forums div.bbp-search-form { float: none; position: relative; margin-bottom:20px; } #bbpress-forums #bbp-search-form #bbp_search { width: 100%; padding:14px; border-color:#eeeeee; } #bbpress-forums #bbp-search-form #bbp_search_submit { margin: 0; position: absolute; right:0; line-height: 16px; padding: 15px; background: #444; border: #444; } #bbpress-forums #bbp-search-form #bbp_search_submit:hover { background: #222; border: #222; } #bbpress-forums li.bbp-body ul.forum:first-child, #bbpress-forums li.bbp-body ul.topic:first-child { border-top: none; } #bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic { padding: 15px; } #bbpress-forums li.bbp-footer, #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: transparent; } li.bbp-body div.hentry:last-child { margin-bottom: 0; } #bbpress-forums li.bbp-footer { display: none; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums .bbp-forum-info .bbp-forum-content { font-size:13px; color: #707070; } .bbp-forum-title { font-size: 15px; } .page-title .breadcrumb .bbp-breadcrumb a { padding-right:2px; } .bbp-breadcrumb-sep { margin-right:2px; } #bbpress-forums li.bbp-body { border:1px solid #eee; border-top: none; } div.bbp-template-notice, div.indicator-hint { padding: 15px; text-align: center; } div.bbp-template-notice p { font-size: 14px; } li.bbp-topic-title a { font-size: 15px; } #bbpress-forums p.bbp-topic-meta, #bbpress-forums p.bbp-topic-meta a { font-size: 13px; } #bbpress-forums fieldset.bbp-form { border: none; padding: 0; } #bbpress-forums fieldset.bbp-form legend { padding: 0; font-size:15px; font-weight: bold; margin-bottom: 15px; } #bbpress-forums fieldset.bbp-form .bbp-template-notice { display: none; } #bbpress-forums div.bbp-the-content-wrapper input { text-transform: none; font-weight: normal; } #bbpress-forums div.wp-editor-container { border: 1px solid #eee; } .bbp-form input[type=text], .bbp-form input[type=email], .bbp-form input[type=password], .bbp-form input[type=search], .bbp-form input[type=tel], .bbp-form textarea, .bbp-form input:focus, .bbp-form textarea:focus, .bbp-form select { width: 100%; border-color:#eee; color:#777; padding: 14px; } #bbpress-forums fieldset.bbp-form label { font-size: 13px; margin-bottom: 10px; } #bbpress-forums div.bbp-topic-tags { float: none; margin-bottom:30px; font-size:13px; } #bbpress-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 13px; } li.bbp-body div.hentry { box-sizing:border-box; margin-bottom:30px; border:1px solid #eee; border-top: none; } #bbpress-forums ul.bbp-replies li.bbp-body { border: none; } div.bbp-reply-header { border: none; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { -webkit-border-radius: 0; border-radius: 0; } span.bbp-admin-links a, .bbp-reply-header a.bbp-reply-permalink { color:#ffffff; font-size:12px; padding:0 3px; } .bbpress.single #bbpress-forums div.bbp-reply-header { background-color: #5bc98c; color:#ffffff; padding: 14px; } span.bbp-admin-links { color: #ffffff; } .bbpress.single-topic #bbpress-forums li.bbp-header { background-color:transparent; color:#777777; padding: 0 0 15px 0; } li.bbp-header div.bbp-reply-content span#subscription-toggle a, li.bbp-header div.bbp-reply-content span#favorite-toggle a{ font-size:12px; padding:0 3px; font-weight: bold; } li.bbp-header div.bbp-reply-content span#subscription-toggle a { padding-right:0; } .bbpress.single-forum #subscription-toggle { display:block; text-align: right; font-size:12px; margin-bottom:15px; font-weight: bold; } #bbpress-forums li.bbp-header .bbp-reply-author { display: none; } #bbpress-forums li.bbp-header .bbp-reply-content { margin-left: 120px; } .bbp-pagination { float: none; margin-bottom: 30px; } .bbp-reply-form, .bbp-topic-form { padding-top:30px; border-top:3px double #eeeeee; } .bbp-topic-title .bbp-topic-pagination { margin-left:0; margin-top:5px; } .bbp-topic-title .bbp-topic-pagination a{ font-size:13px; padding: 2px 6px; } .bbp-pagination-links a, .bbp-pagination-links span.current { font-size: 13px; padding: 2px 8px; } .bbp-pagination-links a:hover, .bbp-pagination-links span.current, .bbp-topic-pagination a { background-color: #5bc98c; border-color: #5bc98c; color: #ffffff; } .bbp-topic-pagination a:hover { border-color: #5bc98c; background-color: transparent; color:#444444; } /* bbPress Sidebar Widgets styling */ .sidebar #bbp-search-form { position:relative; } .sidebar #bbp-search-form label.hidden { display: none; } .sidebar #bbp-search-form input[type=text], .sidebar #bbp-search-form input[type=email], .sidebar #bbp-search-form input[type=password], .sidebar #bbp-search-form input[type=search] { border-color:#eee; padding: 14px; } .sidebar #bbp_search_submit { position: absolute; top: 0; margin: 0; line-height: 44px; padding: 0 12px; right: 0; background-color: #444444; border-color: #444444; } .sidebar #bbp_search_submit:hover { background-color:#222222; border-color:#222222; } .widget_display_stats dd { width: 13%; text-align: center; } .widget_display_stats dt { position: relative; width: 85%; float: right; } .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input { padding: 14px; border-color:#dedede; } .bbp-login-form .button, .button.logout-link { margin:0; padding: 10px 12px; background-color:#444444; border-color:#444444; width: 100%; text-align: center; } .button.logout-link { margin-top:10px; } .bbp-login-form .button:hover, .button.logout-link:hover { border-color:#222222; background-color:#222222; } .bbp-login-form .bbp-submit-wrapper { float: none; text-align:center; } .sidebar-widget .bbp-forum-title { font-size:inherit; } .bbp-login-form .bbp-login-links { margin-top:10px; font-size:13px; font-weight:bold; } .bbp-login-form .bbp-login-links a { clear: none; } .bbp-login-form .bbp-login-links a.bbp-lostpass-link { float:right; } .bbp-logged-in img.avatar { width: 30px; } /* Profile Page */ .bbpress .avatar { border-radius:0; -webkit-border-radius:0; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { border-radius: 0; -webkit-border-radius: 0; width: 120px; height: 120px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 8px; } #bbpress-forums #bbp-single-user-details { float: none; width: 100%; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar { float: left; width:120px; margin:0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation { margin-left: 130px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li { display: inline-block; width: 49%; } #bbpress-forums #bbp-user-body { margin-left: 0; padding-top:30px; margin-top:20px; border-top:3px double #eeeeee; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-size:35px; font-weight:600; } #bbpress-forums #bbp-user-body #bbp-user-replies-created li.bbp-header { display: none; } #bbp-search-results .bbp-header { display: none; } #bbpress-forums #bbp-search-results li.bbp-body { border: none; } #bbpress-forums #bbp-search-results .bbp-topic-header, #bbpress-forums #bbp-search-results .bbp-forum-header { padding:15px; background-color: #5bc98c; border-top: none; color: #fff; } #bbpress-forums #bbp-search-results .bbp-topic-header .bbp-topic-title { float: left; } #bbpress-forums #bbp-search-results .bbp-topic-header .bbp-meta, #bbpress-forums #bbp-search-results .bbp-forum-header .bbp-meta { float:right; } #bbpress-forums #bbp-search-results .bbp-topic-header .bbp-topic-title h3, #bbpress-forums #bbp-search-results .bbp-forum-header .bbp-forum-title h3 { margin: 0; line-height: normal; font-size: 20px; } #bbpress-forums #bbp-search-results .bbp-topic-header .bbp-topic-title h3 a, #bbpress-forums #bbp-search-results .bbp-forum-header .bbp-forum-title h3 a { font-weight:bold; } #bbpress-forums #bbp-search-results .bbp-topic-header .bbp-topic-title .bbp-topic-title-meta { line-height: normal; font-size: 13px; } #bbpress-forums #bbp-search-results li.bbp-body .bbp-forum-content { margin-left:0; } .vc_row[data-vc-full-width].enable_overflow { overflow: visible !important; } .center_elements { text-align:center; } .font_weight_300 { font-weight: 300 !important; } .font_weight_400 { font-weight: 400 !important; } .font_weight_500 { font-weight: 500 !important; } .font_weight_600 { font-weight: 600 !important; } .font_weight_700 { font-weight: 700 !important; } .video-background { background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } .woocommerce-product-gallery .flex-control-nav { position: relative; margin-top: 5px; right: auto; bottom: auto; } .woocommerce-product-gallery .flex-control-nav li { margin: 0 5px 0 0; max-width:60px; cursor: pointer; } .woocommerce-product-gallery__trigger { position: absolute; width: 30px; height: 30px; background: #000; right: 3px; top: 3px; display: block; z-index: 10; font-size: 15px; } .woocommerce-product-gallery__trigger img { display: none !important; } .woocommerce-product-gallery__trigger:before { content:"\e901"; font-family:"icomoon"; color: #fff; width: 30px; display: block; height: 30px; line-height: 30px; text-align: center; } /* Posts Slider */ .posts_slider_content { position: absolute; width:100%; bottom:0; left:50%; transform: translateX(-50%); padding:40px 10%; color:#fff; box-sizing: border-box; text-align: center; } .posts_slider_content h2 { color: #fff; margin-bottom: 20px; font-size: 45px; text-shadow: 0 1px 3px rgba(0,0,0,1); } .posts_slider_excerpt { font-size:16px; line-height: 1.6; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .posts_slider_wrap .flex-direction-nav a { width:80px; height:80px; margin-top:-40px; font-size:50px; background-color: transparent; } .posts_slider_wrap .flex-direction-nav a:hover { background-color:transparent; } .posts_slider_wrap .flex-direction-nav a i { line-height: 80px; } .posts_slider_item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.75) 100%); } .posts_slider_category a { color:#ffffff; } /* Posts List */ .post_list_el { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; } .post_list_el_desc { float: right; width: 68%; } .post_list_el_img { float: left; width:30%; } .post_list_category { font-size:11px; line-height: normal; text-transform: uppercase; padding-bottom:6px; } .post_list_el_desc h3 { font-size:20px; font-weight: 400; margin-bottom:10px; } .post_list_excerpt { font-size:13px; } .post_list_aut_date { margin-bottom:10px; line-height: normal; } .post_list_comment { font-size: 11px; color: #7f613e; padding-right: 7px; margin-right:7px; border-right: 1px solid #e3e3e5; } .post_list_comment i { margin-right:5px; } .post_list_date { font-size:11px; text-transform: uppercase; } .lswp-notification.info, .lswp-notification.scheduled { display: none !important; } /* Video Pop-Up */ .cr_video_pop { position: relative; } .cr_video_pop a { display: block; text-align: center; line-height: normal; } /* Custom Styles ---------------------------------------------*/ .instagram_footer_wrap { display:none; } .staffBio { display:none; } .staffBio-container { background: rgba(255, 255, 255, 0.83); padding:25px; margin-bottom:25px; margin-top:25px; display:none; } .staffImage-container { width:100%; display:table; white-space:nowrap; } .staffImage { vertical-align:middle; padding:13px; display:table-cell; padding:0; } .staffImage:hover { transform:scale(1.05); } .staffImage img { max-width:100%; }