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(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../../plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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(../../plugins/wp-video-lightbox/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} .wpvl_auto_thumb_box{ position: relative; width: 200px; height: 150px; } .wpvl_auto_thumb_play{ position: absolute; left: 75px; top: 50px; } .video_lightbox_auto_anchor_image{ width: 200px; height: 150px; } /* CSS Tweak for prettyPhoto */ @media only screen and (max-width: 767px) { .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; } a.pp_close { right: 7%!important; top: 10px!important; } } /*End of CSS Tweak *//** * WP jQuery Lightbox * Version 1.3.4 - 2011-12-29 * http://wordpress.org/extend/plugins/wp-jquery-lightbox/ */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 10100;/*twentyeleven keeps the header at 999...*/ text-align: center; line-height: 0; } #jqlb_loading{ height:32px; background-image:url('../../plugins/wp-lightbox-2/styles/images/loading.gif'); background-repeat:no-repeat; background-position:center center; } #jqlb_closelabel{ height:22px; background-image:url('../../plugins/wp-lightbox-2/styles/images/closelabel.gif'); background-repeat:no-repeat; background-position:center center; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 45%; height: 100%; background: transparent url('../../plugins/wp-lightbox-2/styles/images/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url('../../plugins/wp-lightbox-2/styles/images/prev.gif') left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url('../../plugins/wp-lightbox-2/styles/images/next.gif') right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; } #downloadLink{ margin-left: 10px; } /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData { padding-top: 5px; } /*** END : added padding when navbar is on top ***/ #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 10090; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } #lightboxIframe { display: none; } @font-face { font-family: 'Droid Sans'; src: url('../../themes/tempera/fonts/DroidSans-webfont.eot'); src: url('../../themes/tempera/fonts/DroidSans-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/DroidSans-webfont.woff') format('woff'), url('../../themes/tempera/fonts/DroidSans-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/DroidSans-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu Light'; src: url('../../themes/tempera/fonts/ubuntu-light-webfont.eot'); src: url('../../themes/tempera/fonts/ubuntu-light-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/ubuntu-light-webfont.woff') format('woff'), url('../../themes/tempera/fonts/ubuntu-light-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/ubuntu-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../../themes/tempera/fonts/ubuntu-regular-webfont.eot'); src: url('../../themes/tempera/fonts/ubuntu-regular-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/ubuntu-regular-webfont.woff') format('woff'), url('../../themes/tempera/fonts/ubuntu-regular-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/ubuntu-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('../../themes/tempera/fonts/OpenSans-Regular-webfont.eot'); src: url('../../themes/tempera/fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../themes/tempera/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/OpenSans-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../../themes/tempera/fonts/OpenSans-Light-webfont.eot'); src: url('../../themes/tempera/fonts/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/OpenSans-Light-webfont.woff') format('woff'), url('../../themes/tempera/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/OpenSans-Light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bebas Neue'; src: url('../../themes/tempera/fonts/BebasNeue-webfont.eot'); src: url('../../themes/tempera/fonts/BebasNeue-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/BebasNeue-webfont.woff') format('woff'), url('../../themes/tempera/fonts/BebasNeue-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/BebasNeue-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Yanone Kaffeesatz Regular'; src: url('../../themes/tempera/fonts/yanonekaffeesatz-regular-webfont.eot'); src: url('../../themes/tempera/fonts/yanonekaffeesatz-regular-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('../../themes/tempera/fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/yanonekaffeesatz-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Yanone Kaffeesatz Light'; src: url('../../themes/tempera/fonts/yanonekaffeesatz-light-webfont.eot'); src: url('../../themes/tempera/fonts/yanonekaffeesatz-light-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/yanonekaffeesatz-light-webfont.woff') format('woff'), url('../../themes/tempera/fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/yanonekaffeesatz-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald Light'; src: url('../../themes/tempera/fonts/Oswald-Light-webfont.eot'); src: url('../../themes/tempera/fonts/Oswald-Light-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/Oswald-Light-webfont.woff') format('woff'), url('../../themes/tempera/fonts/Oswald-Light-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/Oswald-Light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald'; src: url('../../themes/tempera/fonts/Oswald-Regular-webfont.eot'); src: url('../../themes/tempera/fonts/Oswald-Regular-webfont.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/Oswald-Regular-webfont.woff') format('woff'), url('../../themes/tempera/fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('../../themes/tempera/fonts/Oswald-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* ICON FONT - ELUSIVE */ @font-face { font-family: 'elusive'; src: url('../../themes/tempera/fonts/elusive.eot'); src: url('../../themes/tempera/fonts/elusive.eot#iefix') format('embedded-opentype'), url('../../themes/tempera/fonts/elusive.woff') format('woff'), url('../../themes/tempera/fonts/elusive.ttf') format('truetype'), url('../../themes/tempera/fonts/elusive.svg') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'elusive'; src: url('../../themes/tempera/fonts/elusive.svg') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "elusive"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: inherit; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ cursor:inherit; font-size:inherit; } /* Post info */ .icon-author:before { content: '\e801'; } .icon-category:before { content: '\e805'; } .icon-category2:before { content: '\e817'; } .icon-folder-close:before { content: '\e81c'; } .icon-folder-open:before { content: '\e81d'; } .icon-tag:before { content: '\e802'; } .icon-bookmark:before { content: '\e810'; } .icon-edit:before { content: '\e804'; } .icon-comment:before { content: '\e800'; } .icon-comments:before { content: '\e815';} .icon-replies {float:left;margin-right:5px;} .icon-replies:before { content: '\e815';font-size:26px; } .icon-date:before { content: '\e82b'; } .icon-time:before { content: '\e80d'; } .icon-forward:before { content: '\e81b';-webkit-transform:rotate(180deg) scale(-1, 1);-ms-transform:rotate(180deg) scale(-1, 1);transform:rotate(180deg) scale(-1, 1);margin-left:5px;font-size:10px; -moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } .icon-reply:before { content: '\e81b';transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);margin-right:5px;font-size:10px; -moz-transition:.2s margin ease; -o-transition:.2s margin ease; -webkit-transition:.2s margin ease; transition:.2s margin ease; } /* Post metas */ .icon-metas:before { font-size:11px; cursor:pointer; margin-right:5px; color:#555; } .icon-comments:before {font-size:12px; } .icon-time:before,.icon-folder-close:before, .icon-folder-open:before {font-size:11px; } .icon-edit:before {margin-right:1px; } /* Post formats */ .icon-status:before { content: '\e81a'; } .icon-aside:before { content: '\e82a'; } .icon-link:before { content: '\e818'; } .icon-audio:before { content: '\e823'; } .icon-video:before { content: '\e829'; } .icon-image:before { content: '\e824'; } .icon-gallery:before { content: '\e825'; } .icon-quote:before { content: '\e80f'; } /* Misc */ .icon-search:before { content: '\e816'; } .icon-down-dir:before { content: '\e803'; } .icon-right-dir:before { content: '\e806'; } .icon-angle-left:before { content: '\e807'; } .icon-angle-right:before { content: '\e808'; } .icon-angle-up:before { content: '\e809'; } .icon-angle-down:before { content: '\e80a'; } .icon-minus:before { content: '\e80b'; } .icon-left-open:before { content: '\e80c'; } .icon-up:before { content: '\e80e'; } .icon-left-dir:before { content: '\e811'; } .icon-up-open:before { content: '\e812'; } .icon-ok:before { content: '\e813'; } .icon-cancel:before { content: '\e814'; } .icon-up-dir:before { content: '\e819'; } .icon-right-open:before { content: '\e81e'; } .icon-home:before { content: '\e81f'; } .icon-menu:before { content: '\e820'; } .icon-plus:before { content: '\e821'; } .icon-down-open:before { content: '\e822'; } .icon-down:before { content: '\e826'; } .icon-left:before { content: '\e827'; } .icon-right:before { content: '\e828'; } .icon-star-empty:before { content: '\e82c'; } .icon-star:before { content: '\e82d'; } .icon-mail:before { content: '\e82e'; } .icon-home-1:before { content: '\e82f'; } .icon-attach:before { content: '\e830'; } .icon-eye:before { content: '\e831'; } .icon-eye-off:before { content: '\e832'; } .icon-tags:before { content: '\e833'; } .icon-flag:before { content: '\e834'; } .icon-warning:before { content: '\e835'; } .icon-location:before { content: '\e836'; } .icon-trash:before { content: '\e837'; } .icon-doc:before { content: '\e838'; } .icon-phone:before { content: '\e839'; } .icon-cog:before { content: '\e83a'; } .icon-basket:before { content: '\e83b'; } .icon-basket-circled:before { content: '\e83c'; } .icon-wrench:before { content: '\e83d'; } .icon-wrench-circled:before { content: '\e83e'; } .icon-mic:before { content: '\e83f'; } .icon-volume:before { content: '\e840'; } .icon-volume-down:before { content: '\e841'; } .icon-volume-off:before { content: '\e842'; } .icon-headphones:before { content: '\e843'; } .icon-lightbulb:before { content: '\e844'; } .icon-resize-full:before { content: '\e845'; } .icon-resize-full-alt:before { content: '\e846'; } .icon-resize-small:before { content: '\e847'; } .icon-resize-vertical:before { content: '\e848'; } .icon-resize-horizontal:before { content: '\e849'; } .icon-move:before { content: '\e84a'; } .icon-zoom-in:before { content: '\e84b'; } .icon-zoom-out:before { content: '\e84c'; } .icon-arrows-cw:before { content: '\e84d'; } .icon-desktop:before { content: '\e84e'; } .icon-inbox:before { content: '\e84f'; } .icon-cloud:before { content: '\e850'; } .icon-book:before { content: '\e851'; } .icon-certificate:before { content: '\e852'; } .icon-tasks:before { content: '\e853'; } .icon-thumbs-up:before { content: '\e854'; } .icon-thumbs-down:before { content: '\e855'; } .icon-help-circled:before { content: '\e856'; } .icon-star-circled:before { content: '\e857'; } .icon-bell:before { content: '\e858'; } .icon-rss:before { content: '\e859'; } .icon-trash-circled:before { content: '\e85a'; } .icon-cogs:before { content: '\e85b'; } .icon-cog-circled:before { content: '\e85c'; } .icon-calendar-circled:before { content: '\e85d'; } .icon-mic-circled:before { content: '\e85e'; } .icon-volume-up:before { content: '\e85f'; } .icon-print:before { content: '\e860'; } .icon-edit-alt:before { content: '\e861'; } .icon-edit-2:before { content: '\e862'; } .icon-block:before { content: '\e863'; } /* Theme Name: Tempera Theme URI: https://www.cryoutcreations.eu/wordpress-themes/tempera Description: We had to follow a very strict recipe to get Tempera just right. We started with a very solid framework of over 200 settings, added a very light user interface, threw in a couple of mobiles and tablets to give it that responsive elasticity, added over 50 fonts, weren't satisfied so we poured all the Google fonts into the mix, then scattered 12 widget areas for consistency, dissolved a slider and unlimited columns into a customizable Presentation Page then mixed it in as well. We then sprinkled all post formats, 8 layouts including magazine and blog, powdered 40+ social icons and even blended in a customizable top bar for extra density. We also made it translation ready and gave it RTL language support for some cultural diversity. The secret ingredient was love and we might've spilled too much of that. But now Tempera has just the right feel and the right texture and is exactly what your empty WordPress canvas needs. NEW! Tempera now comes in 16 different flavors with preset color schemes! Author: Cryout Creations Author URI: https://www.cryoutcreations.eu Version: 1.4.9 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, footer-widgets, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, education, entertainment, food-and-drink, news Text Domain: tempera Tempera WordPress Theme Copyright 2013-16 Cryout Creations https://www.cryoutcreations.eu This theme, like WordPress, is licensed under the GPL. */ /* IMPORTANT! Any changes made to this or any other of the theme's files will be lost at the next update. To safely make customizations to the theme, for CSS-only use the theme's dedicated "Custom CSS" field found under the Miscellaneous section of the theme settings page; for advanced CSS and other customizations, use a child theme. */ /* Reset default browser CSS */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { clear: none; } #content .entry-content h1 { font-size: 32px; } #content .entry-content h2 { font-size: 28px; } #content .entry-content h3 { font-size: 24px; } #content .entry-content h4 { font-size: 20px; } #content .entry-content h5 { font-size: 16px; } #content .entry-content h6 { font-size: 12px; } ol, ul { list-style: none; } .entry-content blockquote { display: block; position: relative; float: none; clear: both; padding: 15px ; padding-left: 90px; font-style: italic; border-bottom: 1px solid transparent; border-top: 1px solid transparent; } .entry-content blockquote:before { position: absolute; content: '\e80f'; font-family: 'elusive'; font-size: 30px; left: 30px; right: 10px; top: 35%; } #content blockquote p{ margin-bottom: 0; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Layout -------------------------------------------------------------- */ #container { float: none; margin: 0; width: 100%; } #content { margin-bottom: 0; } .sidey { display: block; float: left; } #footer { clear: both; width: 100%; } /* =Fonts -------------------------------------------------------------- */ pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important; } .entry-content pre { border-bottom: 1px solid transparent; } .entry-content code { display: block; float: none; clear: both; overflow: auto; margin: 0 auto; border: 1px solid transparent; border-bottom: 3px solid transparent; padding: 10px !important; text-indent: 0; white-space: nowrap; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ div.menu, #colophon, #branding, #main, #header { margin: 0 auto; } #branding { display: block; float: left; position: relative; clear: both; height: 75px; padding: 0; overflow: hidden; width: 100%; } a#logo { display: inline; height: 100%; } #linky { display: block; background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); width: 100%; height: 100%; } /* Structure the footer area */ #footer-widget-area { overflow: hidden; } .footerfour .widget-area { float: left; margin-right: 2%; width: 23.5%; } .footerthree .widget-area { float: left; margin-right: 2%; width: 32%; } .footertwo .widget-area { float: left; margin-right: 2%; width: 49%; } .footerone .widget-area { float: left; width: 100%; } .footertwo #second, .footerthree #third, .footerfour #forth { margin-right: 0; } #footer-widget-area #fourth { margin-right: 0; } #site-generator { float: right; width: 220px; } /* =Global Elements -------------------------------------------------------------- */ body, input, textarea { font-size: 12px; line-height: 18px; } hr { border: 0; clear: both; height: 1px; } /* Text elements */ .entry-content ul { margin-left: 1.5em; } .entry-content ul li, .entry-content ol li { padding: 2px 0; } .entry-content ul > li { list-style: circle; } .entry-content ol > li { text-indent: 0px; } .entry-content li li { margin-left: 15px; } ol { list-style: decimal; margin-left: 2.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { text-decoration: none; } pre { line-height: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted transparent; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; } input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, select { border: 1px solid transparent; padding: 5px 5px; font-family: inherit; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } input::-moz-focus-inner {/*Remove button padding in FF*/ border: 0; padding: 0; } a:link, a:visited { text-decoration:none; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute; left: -9000px; } /* =Header -------------------------------------------------------------- */ #header { background: none; } #site-title { float: left; font-size: 32px; line-height: 32px; } #site-title a { font-weight: bold; text-decoration: none; letter-spacing: -0.03em; display: block; } #site-description { display: inline; float: left; font-size: 15px; margin-top: 5px; padding: 3px 6px 3px 0; clear: both; } #header-container { display: block; float: none; position: relative; top: 0; width: 100%; height: 100%; } #branding #bg_image + #header-container { position: absolute; } #header-container > div { margin-top: 20px; } #header:after { display: table; content: ""; clear: both; } /* Header widget area -------------------------------------------------------------- */ #header-widget-area { display: block; position: absolute; right: 0; top: 5px; overflow: hidden; height: 100%; width: 50%; z-index: 251; } /* =Menu -PRIMARY -------------------------------------------------------------- */ #nav-toggle { display: none; } #access { display: block; float: left; margin: 10px auto 0; width: 100%; } #access ul { } #access ul li.current_page_item, #access ul li.current-menu-item { } #access a { display: block; text-decoration: none; font-size: 13px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #access a > span { display: block; padding: 10px 13px; } #access a:hover { } #access > .menu > ul > li > a > span { border-right: 1px solid transparent; } #access > .menu > ul > li a:not(:only-child) > span:after { position: absolute; right: 5px; top: 10px; font-family: "Elusive"; content: '\e80a'; z-index: 251; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #access > .menu > ul ul > li a:not(:only-child) > span:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #access > .menu li a:not(:only-child) > span { padding-right: 18px; } #access > .menu > ul > li:hover > a:not(:only-child) > span:after { top: 20px; opacity: 0; filter: alpha(opacity=0); } #access > .menu > ul ul > li:hover > a:not(:only-child) > span:after { right: -20px; opacity: 0; filter: alpha(opacity=0); } #access > .menu > ul > li > a:not(:only-child) > span { padding-right: 18px; } #access ul li { position: relative; display: block; float: left; white-space: nowrap; } #access ul ul { display: none; position: absolute; clear: both; z-index: 260; margin-left: 0; } #access > .menu > ul > li > ul:before { display: inline-block; content: ""; position: absolute; left: 10px; top: -6px; border-bottom: 6px solid transparent;/* * */ border-right: 6px solid transparent; border-left: 6px solid transparent; } #access ul ul ul:before { display: inline-block; position: absolute; left: -6px; top: 12px; content: ""; border-bottom: 6px solid transparent; border-right: 6px solid transparent;/* * */ border-top: 6px solid transparent; } #access ul ul li { /* level 2 */ display: table; position: relative; float: left; clear: both; margin: 0; width: 100%; /* submenu width fix */ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } #access ul ul li a { } #access ul ul ul { position: absolute; left: 100%; top: 0; margin: 0; } #access ul ul ul li { /* level 3 */ width: 100%; display: block; float: none; } #access ul ul ul ul li { /* level 4 */ top: -1px; } #access ul ul a, #access ul ul ul a { display: table; float: none; min-width: 150px; width: 100%; } #access ul ul li:hover, #access ul ul ul li:hover { } #access li:hover > a { } #access ul ul:hover > a { } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-item > a{ } #access ul ul li.current_page_item , #access ul ul li.current-menu-ancestor, #access ul ul li.current-menu-item , #access ul ul li.current-menu-parent { } #access ul li.current_page_item a, #access ul li.current-menu-ancestor a, #access ul li.current-menu-item a, #access ul li.current-menu-parent a, #access ul li a:hover { } .tempera-menu-center #access > .menu { text-align: center; } .tempera-menu-center #access > .menu > ul { display: table; margin: 0 auto; } .tempera-menu-center #access > .menu > ul > li > a > span { text-align: center; } .tempera-menu-center #access > .menu > ul > li { display: inline-block; float: initial; vertical-align: middle; } .tempera-menu-center #access > .menu > ul > * { text-align: initial; } .tempera-menu-right #access > .menu { float: right; } .tempera-menu-right #nav-toggle { text-align: right; } .tempera-menu-right #access > .menu > ul > li > ul::before { left: inherit; right: 10px; } .tempera-menu-right #access > .menu > ul > li > ul.sub-menu { right: 0; } .tempera-menu-rightmulti #access ul li { float: right; } .tempera-menu-rightmulti #nav-toggle { text-align: right; } .tempera-menu-rightmulti #access > .menu > ul > li > ul::before { left: initial; right: 10px; } .tempera-menu-rightmulti #access > .menu > ul > li > ul.sub-menu { right: 0; } .tempera-menu-left #nav-toggle { text-align: left; } /* =Menu -SECONDARY -------------------------------------------------------------- */ .topmenu { display: inline; float: right; width: auto; } .topmenu ul{ } .topmenu ul li{ display: block; float: left; margin: 0 3px; } .topmenu ul li a { display: block; padding: 0 4px; margin: 0 2px; line-height: 30px; border-bottom: 1px solid transparent; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } .footermenu { padding: 5px 0; display: block; float: left; } .footermenu > ul { float: left; margin-left: 20px; } .footermenu ul li{ display: block; float: left; margin: 0px 5px; text-align: center; white-space: nowrap; } .footermenu ul li:after { margin-left: 10px; content: "/"; } .footermenu ul li:last-child:after { content: ""; } /* ==Top Bar== ------------------ */ #topbar { display: block; height: 30px; width: 100%; border-bottom: 1px solid transparent; } #topbar-inner { display: block; margin: 0 auto; } #topbar .socials a { background-color: transparent; margin: 0; } #topbar .socials a img { width: 22px; height: 22px; padding: 0; top: 2px; left: 2px; } body.tempera-topbarhide #topbar { display: none; } body.tempera-topbarfixed #topbar { position: fixed; top: 0; z-index: 252; opacity: 0.8 } body.tempera-topbarfixed #header-full { margin-top: 30px; } body.tempera-topbarfull #topbar-inner { max-width: 95%; } body.tempera-topbarfixed.admin-bar #topbar { top: 32px; } /* =Content -------------------------------------------------------------- */ #main { clear: both; padding: 0px ; margin-top: 20px; } #content, #content input, #content textarea { font-size: 14px; line-height: initial; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; overflow: auto; font-family: "Courier New",Courier,monospace !important; } #content code { font-size: 13px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.5em; margin: 20px 0 0; } #content table { border: 0; margin: 0 0px 24px 0; text-align: left; width: 100%; vertical-align: top; } #content tr { vertical-align: top; } #content .alternate { } #content tr th, #content thead th { font-size: 14px; padding: 9px 24px; } #content tr td { border-top: 1px solid transparent; padding: 6px 24px; } #content tr td, #content tr th, #content thead th { border-right: 1px solid transparent; } #content tr td:last-child, #content tr th:last-child { border-right: none; } #content tr.odd td { } .page-header { display: block; float: none; padding: 10px 0px; } .page-header .category-archive-meta { padding-top: 5px; } .page-title { font-size: 16px; line-height: 2.0; font-weight: bold; display: block; padding: 0px 7px; border-left: 3px solid transparent; } .page-title span { font-style: italic; font-weight: normal; } .page-title a:link, .page-title a:visited { text-decoration: none; } .page-title a:active, .page-title a:hover { } #content .entry-title { font-size: 32px; font-weight: normal; line-height: 1.3em; padding: 0px; margin: 0px; word-wrap: break-word; } .entry-title a:link, .entry-title a:visited { color: inherit; text-decoration: none; } .entry-title a:active, .entry-title a:hover { } #content > h1.entry-title { margin-bottom: 10px; } .entry-meta { display: block; font-size: 12px; clear: both; overflow: hidden; } footer.entry-meta { background: url(../../themes/tempera/images/dashed-border.png) 0 0 repeat-x; padding-top: 3px; } .entry-meta span, .entry-utility span { display: block; float: left; line-height: 22px; margin-right: 10px; } .entry-meta time.updated { display: none; } .entry-meta span a{ font-size: 13px; } .entry-utility { clear: both; font-size: 13px; } .footer-tags { display: block; float: left; } .entry-utility span.bl_bookmark { float: none; display: inline; padding: 0; } .comments-link { float: right; } .comments-link * { font-size: 13px; } .comments-link b { font-weight: normal; } #content h3.entry-format { display: inline; float: left; font-size: 14px; padding: 0 3px; margin-right: 5px; -webit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } h3.entry-format > i:before { cursor: default; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted transparent; } .entry-content, .entry-summary { clear: both; padding-top: 8px; word-wrap: break-word; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid transparent; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { font-weight: bold; padding: 0 24px; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .tag-links { margin-left: 30px; } .page-link { margin: 10px 0; clear: both; } .page-link a, .page-link > span > em { font-weight: normal; text-decoration: none; padding: 0 4px; border-right: 1px solid transparent; } .page-link em { font-style: normal; } .page-link a:last-child, .page-link > span > em:last-child { border-right: none; } .page-link a:hover { } span.edit-link { float: right; display: block; margin: 0 0 0 10px; padding: 0; font-size: 12px; } #author-info { clear: both; font-size: 14px; line-height: 20px; margin: -10px 0 24px 0; overflow: hidden; border-left: 3px solid transparent; padding: 15px 0; } #author-info #author-avatar { float: left; height: 60px; margin: 0 -80px 0 20px; } #author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info { clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 0px; border-left: 3px solid transparent; } #entry-author-info #author-avatar { float: left; height: 60px; margin: 0 -80px 0 20px; } #author-avatar .avatar { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { font-size: 100%; font-weight: bold; margin-bottom: 0; } #content .video-player { padding: 0; } /* POST FORMATS */ /* =Asides -------------------------------------------------------------- */ .home #content .format-aside p, .home #content .category-asides p { line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home #content .format-aside .entry-content, .home #content .category-asides .entry-content { padding-top: 0; } #content .format-aside .entry-title { display: none; } #content .format-aside .author , #content .format-aside .bl_categ { display: none; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-icon { line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-caption { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; text-align: left; line-height: 1.3; background-color: rgba(0, 0, 0, 0.7); margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; width: 100%; cursor: default; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =Chat -------------------------------------------------------------- */ .format-chat p { font-family: Monaco, "Courier New", monospace !important; } /* =Quote -------------------------------------------------------------- */ .format-quote blockquote, .format-quote blockquote p{ font-family: Georgia,"Bitstream Charter",serif !important; font-size: 1.1em !important; } /* =Status -------------------------------------------------------------- */ .format-status .entry-title { display: none; } .status_content { } .format-status .avatar { display: block; width: auto; float: left; margin: 0 10px 10px 0; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } /* =Images -------------------------------------------------------------- */ #content img { margin: 0; height: auto; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content table img { max-width: inherit; } #content img:hover { } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content img.alignleft, #content img.alignright, #content img.aligncenter, #content img.alignnone, #content .wp-caption img { transition: all .3s ease-in-out; opacity: 0.99; filter: alpha(opacity=99); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } #content img.alignleft:hover, #content img.alignright:hover, #content img.aligncenter:hover, #content img.alignnone:hover, #content .wp-caption img:hover { opacity: 0.8; filter: alpha(opacity=80); } #content .wp-caption { margin-bottom: 20px; text-align: center; max-width: 100%; position: relative; } #content .wp-caption img { border: none !important; padding: 0; width: 100%; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #content .wp-caption > a { line-height: 0; display: block; } #content .wp-caption .wp-caption-text { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 10px 5px; text-align: center; text-indent: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content .wp-smiley { margin: 0; width: auto !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important ; box-shadow: none !important; background: none !important; border: 0 !important; vertical-align: middle; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; max-width: 96%; } /* =Navigation -------------------------------------------------------------- */ .navigation { font-size: 14px; overflow: hidden; } .navigation a:link, .navigation a:visited { text-decoration: none; } .navigation a:active, .navigation a:hover { } .nav-previous a{ float: left; width: 47%; padding: 5px 1%; } .nav-next a{ float: right; text-align: right; width: 47%; padding: 5px 1%; } .nav-next a:hover { } .nav-previous:hover .meta-nav-prev:before{ margin-right: 10px; margin-left: -5px; } .nav-next:hover .meta-nav-next:before{ margin-left: 10px; margin-right: -5px; } .meta-nav-prev:before { font-family: "elusive"; content: '\e827'; font-style: normal; margin-right: 5px; font-size: 9px; -webkit-transition: .2s margin ease-in-out; -moz-transition: .2s margin ease-in-out; -o-transition: .2s margin ease-in-out; transition: .2s margin ease-in-out; } /* '?' */ .meta-nav-next:before { font-family: "elusive"; content: '\e828'; font-style: normal; margin-left: 5px; font-size: 9px; -webkit-transition: .2s margin ease-in-out; -moz-transition: .2s margin ease-in-out; -o-transition: .2s margin ease-in-out; transition: .2s margin ease-in-out; } /* '?' */ .single #nav-above { display: block; } #nav-below { margin-bottom: 5px; margin-top: 5px; display: block; float: none; clear: both; } /* =Comments -------------------------------------------------------------- */ #comments { padding: 10px 0; clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { font-size: 22px; } h3#comments-title { margin-bottom: 30px; line-height: 26px; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { margin: 0; list-style: none; line-height: 10px; } .commentlist li.comment:hover { } .commentlist .comment-body { padding: 10px; overflow: hidden; clear: both; line-height: 22px; margin-bottom: 20px; } .commentlist li:last-child { } #comments .comment-body ul, #comments .comment-body ol { } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .avatar-container { float: left; } .avatar-container:before { position: absolute; content: ""; width: 60px; height: 60px; -webkit-border-radius: 30px 30px 0 30px; -moz-border-radius: 30px 30px 0 30px; border-radius: 30px 30px 0 30px; } .avatar-container:hover:before { display: none; } .commentlist .avatar { -webkit-border-radius: 30px 30px 0 30px; -moz-border-radius: 30px 30px 0 30px; border-radius: 30px 30px 0 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .commentlist .avatar:hover { -webkit-border-radius: 30px 30px 0 30px; -moz-border-radius: 0px 30px 30px 30px; border-radius: 0px 30px 30px 30px; } .comment-author { display: inline-block; line-height: 24px; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; } .comment-details { position: relative; float: left; padding: 7px 10px; } .comment-author cite { font-size: 18px; font-style: normal; font-weight: normal; } .comment-meta { font-size: 12px; } .comment-meta a:link, .comment-meta a:visited { text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { } .commentlist .even { } .commentlist .bypostauthor { } .comment-await { margin-left:25px; } .comments .reply a{ font-size: 12px; padding: 2px 10px; display: block; width: auto; text-align: right; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .comments .reply a:hover .icon-reply:before { margin-right: 10px; } } .commentlist .children { background-image: none; list-style: none; margin: 0; margin-left: 20px; } .commentlist .children li { border: none; background-image: none !important; margin: 0; text-indent: 0 !important; } #content .nocomments, #content .nocomments2 { margin-bottom: 0; } .hideme { display: none; } #comments .pingback { border-bottom: 1px solid transparent; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit], input[type=reset] { border: 1px solid transparent; padding: 7px 15px; cursor: pointer; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } #respond { margin: 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 0.2em; font-size: 0.8em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; min-width: 400px; } h3#reply-title { margin: 0; padding: 5px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { } #commentform { max-width: 550px; display: block; } #respond label { display: none; } #respond input { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-form-comment textarea { display: block; float: none; height: 150px; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-form-author label, .comment-form-email label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { display: block; float: none; } .comment-form-author input, .comment-form-email input, .comment-form-email input, .comment-form-url input, .comment-form-comment input { display: block; float: none; } #respond input:hover, #respond textarea:hover { } #respond .form-allowed-tags { font-size: 12px; line-height: 18px; width: 100%; clear: both; display: block; float: none; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; text-align: right; clear: both; } #respond .form-submit input { font-size: 14px; width: auto; } #respond .form-submit input#submit { border: 1px solid transparent; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } #respond .form-submit input#submit:hover { cursor: pointer; } .button { border: 1px solid transparent; padding: 4px 7px; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } .button, #respond .form-submit input#submit { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .button:hover { cursor: pointer; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area > ul, .widget-area > ul > li.widget-container > ul { list-style: none; list-style-image: none; } .widget-container { padding: 5px; margin: 0 0 20px 0; } .widget-container > * { max-width: 100%; } .widget-container > ul > li { display: block; float: none; margin-bottom: 10px; } .widget-title { font-size: 16px; padding: 5px 0; padding-left: 10px; text-align: left; margin-bottom: 10px; border-bottom: 1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #footer-widget-area a:hover { text-decoration: underline; } .widget-area a:link, .widget-area a:visited { text-decoration: none; word-wrap: break-word; } .widget-area a:active, .widget-area a:hover { } .widget-area .entry-meta { font-size: 11px; } /* Search buttons */ .searchform { display: block; height: auto; position: relative; overflow: hidden; } .contentsearch { display: block; float: none; overflow: hidden; margin-bottom: 20px; padding: 10px; } .no-results .contentsearch { padding: 0; } .searchform input[type="search"] {/* This keeps the search inputs in line This is the Sidebar Search*/ display: block; float: left; font-size: 15px; padding: 0 30px 0 10px; height: 42px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contentsearch .searchform input[type="search"] { width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchsubmit { display: block; position: absolute; right: 0; font-family: "elusive"; font-size: 17px; border: none; height: 42px; vertical-align: middle; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .searchform:hover .searchsubmit { right: -35px; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Header searchform */ .menu-header-search .searchsubmit { font-size: inherit; line-height: 30px; height: auto; color: inherit; } .menu-header-search .searchform:hover .searchsubmit { right: 0; } .menu-header-search .searchform input[type="search"] { padding: 0 30px 0 5px; width: 0; border: 0; font-size: inherit; line-height: 30px; height: auto; opacity: 0; border-radius: 0; color: inherit; border-bottom: 1px solid transparent; background: transparent; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; } .topmenu li.menu-header-search:hover .searchform input[type="search"], .topmenu li.menu-header-search .searchform input[type="search"]:focus { width: 160px; opacity: 1; } /* Main menu search */ #access li.menu-main-search { float: right; max-width: 160px; } li.menu-main-search .searchform input[type="search"] { border-top: 0; border-bottom: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; line-height: inherit; height: auto; } li.menu-main-search .searchsubmit { font-size: 14px; opacity: .5; } /* Footer menu search */ li.menu-footer-search { max-width: 120px; } li.menu-footer-search .searchform:after { background-color: transparent; } li.menu-footer-search .searchform .s { font-size: inherit; line-height: inherit; height: auto; border: none; border-bottom: 1px solid #CCC; border-radius: 0; padding-left: 2px; } li.menu-footer-search .searchform .s:hover { background: none; } li.menu-footer-search .searchsubmit { font-size: inherit; line-height: inherit; height: auto; width: auto; opacity: .5; right: -5px; bottom: 1px; cursor: pointer; } li.menu-footer-search .searchform:hover .searchsubmit { right: -5px; opacity: 1; } /* Callendar */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 14px; font-weight: bold; padding-bottom: 4px; margin-left: 10px; } #wp-calendar thead { font-size: 11px; } #wp-calendar tbody td { padding: 3px 0 2px; text-align: center; border: 1px solid transparent; } #wp-calendar tbody td:hover { opacity: 0.8; } #wp-calendar tbody td a{ border: none; background: none; padding: 0; margin: 0; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget {} .widget_rss a.rsswidget:hover {} .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; padding: 0; } #main .widget-area ul ul { border: none; margin-left: 10px; padding: 0; } /* Before and after content widgets */ .yoyo .widget-title { background: none; padding: 0; margin: 0; } /* Footer widget areas */ #footer-widget-area { margin: 20px 0 10px 0; } #footer-widget-area a{ } /* =Footer -------------------------------------------------------------- */ #footer { margin-top: 20px; margin-bottom: 0; } #footer a{ -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; transition: color .2s; } #footer2 { display: block; padding: 10px 0 3px; overflow: visible; margin-bottom: 20px; } #footer2:after { content:""; display:table; clear:both; } #colophon { margin: 0 30px; overflow: hidden; } #site-copyright { display: block; float: none; padding-top: 5px; font-style: italic; clear: both; margin: 0 auto; text-align: center; } #footer2 a{ text-decoration: none; } #footer2 a:hover{ text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /* Extras */ #forbottom { clear: both; margin: 0 30px; padding: 20px 0; /*min-height:400px;*/ } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } /* SOCIALS */ .socials { position: relative; float: right; overflow: hidden; margin-right: 10px; height: 30px; } .socials a { display: block; float: left; position: relative; overflow: hidden; height: 26px; width: 26px; padding: 2px; margin-right: 5px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .socials img { position: relative; width: 26px; height: 26px; z-index: 99; } /* The animated square */ .socials-hover { display: block; position: absolute; width: 0; height: 0; left: 50%; top: 50%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #header-container > div#sheader { position: absolute; margin: 0; top: 10px; right: 5px; } #smenul, #smenur { float: none; margin: 0 auto; position: inherit; display: table; } #smenul a , #smenur a { margin:3px; } #sfooter { float: none; clear: both; display: table; margin: 5px auto 0; text-align: center; } #sfooter a { margin-left: 5px; } #srights, #slefts { display: block; position: fixed; right: 0; padding: 5px; top: 40%; height: auto; width: 30px; margin: 0 1px; opacity: 0.5; z-index: 99; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } #slefts { left: 0; } #srights:hover, #slefts:hover { opacity: 1; } #srights a, #slefts a { display: block; float: none; clear: both; margin: 0 0 5px 0; } .socials a:last-child { margin-bottom: 0 !important; } /* ARTICLES */ article.post, article.page { display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 36px; } div.post, div.page, .yoyo > li { display: block; overflow: hidden; padding: 0; margin-bottom: 36px; } article.sticky { } .sticky .entry-header { border-bottom: 2px solid transparent; } #toTop { display: block; position: fixed; width: auto; height: auto; bottom: 40px; font-size: 12px; padding: 8px 10px; opacity: 0; z-index: 251; cursor: pointer; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .icon-back2top:before { content: '\e812'; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* '?' */ #toTop:hover .icon-back2top:before { } /* CUSTOM IMAGE BORDER */ .tempera-image-none .entry-content img[class*='align'], .tempera-image-none .entry-summary img[class*='align'] {} .tempera-image-one .entry-content img[class*='align'], .tempera-image-one .entry-summary img[class*='align'] { border-bottom: 3px solid transparent; } .tempera-image-two .entry-content img[class*='align'], .tempera-image-two .entry-summary img[class*='align'] { border-bottom: 1px solid transparent; border-top: 1px solid transparent; padding: 2px 0; } .tempera-image-three .entry-content img[class*='align'], .tempera-image-three .entry-summary img[class*='align'] { border: 1px solid #222; padding: 0; -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; } .tempera-image-four .entry-content img[class*='align'], .tempera-image-four .entry-summary img[class*='align'] { padding: 10px; border: 1px solid #DDD; -webkit-box-shadow: 0 0 2px #CCC; -moz-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC; } .tempera-image-five .entry-content img[class*='align'], .tempera-image-five .entry-summary img[class*='align'] { padding: 6px; background: url(../../themes/tempera/images/border.png) repeat; } .tempera-image-one .entry-content img[class*='align']:hover, .tempera-image-one .entry-summary img[class*='align']:hover { background-color: #eee; } .tempera-image-two .entry-content img[class*='align']:hover, .tempera-image-two .entry-summary img[class*='align']:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tempera-image-three .entry-content img[class*='align']:hover, .tempera-image-three .entry-summary img[class*='align']:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* CUSTOM CAPTION LOOK */ .caption-simple #content .wp-caption .wp-caption-text { position: inherit; padding: 7px 5px; font-style: italic; } .caption-dark #content .wp-caption .wp-caption-text { color: #EEE; padding: 20px 5px 10px !important; text-shadow: 0 0 7px #000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,.6) 50%, rgba(0,0,0,0.8)); } .caption-light #content .wp-caption .wp-caption-text { color: #333; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); } /* BREADCRUMBS */ .breadcrumbs { font-size: 0.85em; display: block; margin-bottom: 20px; position: relative; } .icon-homebread:before { content: '\e81f'; font-size: 1em; cursor: pointer; } /* '?' */ .breadcrumbs a { } .breadcrumbs a:hover { } /* PAGINATION */ .pagination { display: table; float: none; margin: 20px auto; text-align: center; clear: both; border: 1px solid transparent; } .pagination span, .pagination a { display: block; float: left; position: relative; margin-right: 0px; padding: 10px 0; text-decoration: none; width: 40px; text-align: center; font-size: 13px; line-height: 20px; border-right: 1px solid transparent; border-left: 1px solid transparent; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s; transition:background .3s; } .pagination span:first-child, .pagination a:first-child { border-left: 0; } .pagination a:hover{ } .pagination .current{ } /* Continue Reading Links */ a.continue-reading-link { display: inline-block; position: relative; width: auto; float: none; padding: 7px 8px 5px 15px; border-bottom: 2px solid transparent; margin-top: 3px; line-height: 1.6em; font-size: 13px; text-transform: uppercase; font-style: normal; clear: both; } a.continue-reading-link:after { display: block; position: absolute; left: 0; bottom: -2px; content: ""; height: 2px; width: 0; -moz-transition: width .3s ease-in; -o-transition: width .3s ease-in; -webkit-transition: width .3s ease-in; transition: width .3s ease-in; } a.continue-reading-link i.icon-right-dir { font-size: 13px; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; -webkit-transition: color .3s ease-in; transition: color .3s ease-in; } a.continue-reading-link:hover:after { width: 100%; } /* Presentation page */ /* Nivo Slider */ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; } .nivoSlider img { position: absolute; top: 0; left: 0; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; filter: alpha(opacity=0); opacity: 0; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivo-caption { display: none; position: absolute; overflow: hidden; right: 60px; bottom: 60px; width: 43%; z-index: 8; padding: 10px; filter: alpha(opacity=8); opacity: 0.8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-caption h2 { margin-bottom: 10px; font-size: 24px; line-height: 30px; padding: 5px 10px 15px 5px; border-bottom: 1px solid #444; font-weight: normal; text-align: right; } .slide-text { padding-left: 20px; text-align: right; padding-right: 10px; font-size: 14px; line-height: 1.5em; } .nivo-caption a { display: inline !important; text-decoration: underline; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 40%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; } .nivo-nextNav { right: 0; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /* Skin Name: Nivo Slider Default Theme */ .theme-default .nivoSlider { position: relative; background: url(../../themes/tempera/images/nivoslider/loading.gif) no-repeat 50% 50%; margin-bottom: 50px; } .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { display: table; position: relative; text-align: center; margin: 0 auto; width: auto; padding: 3px 20px 0; top: -33px; height: 30px ; z-index: 250; -webkit-border-radius: 100% 100% 0 0; -moz-border-radius: 100% 100% 0 0; border-radius: 100% 100% 0 0; -webkit-box-shadow: 0 -3px 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 -3px 2px rgba(0,0,0,0.4); box-shadow: 0 -3px 2px rgba(0,0,0,0.4); -webkit-transition: .2s all ease-in-out; -moz-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; } .theme-default .nivo-controlNav:hover { padding: 3px 26px 0; } .slider-bullets .nivo-controlNav a { display: inline-block; width: 9px; height: 9px; text-indent: -9999px; margin: 10px 5px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; box-shadow: 0 0 3px #666; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .slider-bullets .nivo-controlNav a:hover {} .slider-bullets .nivo-controlNav a.active {} .slider-numbers .nivo-controlNav a { display: inline-block; padding: 0 6px; margin: 6px 3px 0; font-size: 12px; font-family: "Open Sans"; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -weblit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .slider-numbers .nivo-controlNav a:hover {} .slider-numbers .nivo-controlNav a.active {} .slider-none .nivo-controlNav { display:none; } .theme-default .nivo-directionNav a { display: block; width: 30px; height: 40px; padding: 10px; background: url(../../themes/tempera/images/nivoslider/arrows.png) 8px 10px #fff no-repeat; text-indent: -9999px; border: 0; } .theme-default a.nivo-nextNav { background-position: -83px 10px; -webkit-border-radius: 100% 0 0 100%; -moz-border-radius: 100% 0 0 100%; border-radius: 100% 0 0 100%; -webkit-box-shadow: -3px 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: -3px 0 2px rgba(0, 0, 0, 0.4); box-shadow: -3px 0 2px rgba(0, 0, 0, 0.4); } .theme-default a.nivo-prevNav { -webkit-border-radius: 0 100% 100% 0; -moz-border-radius: 0 100% 100% 0; border-radius: 0 100% 100% 0; -webkit-box-shadow: 3px 0 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 3px 0 2px rgba(0, 0, 0, 0.4); box-shadow: 3px 0 2px rgba(0, 0, 0, 0.4); } .theme-default .nivo-directionNav a.nivo-prevNav:hover { background-position: 4px 10px; } .theme-default .nivo-directionNav a.nivo-prevNav:active { background-position: -50px 10px; } .theme-default .nivo-directionNav a.nivo-nextNav:hover { background-position: -79px 10px; } .theme-default .nivo-directionNav a.nivo-nextNav:active { background-position: -23px 10px; } .theme-default .nivo-caption a { border-bottom: 1px dotted transparent; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* IE link fix */ a.nivo-imageLink { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } /* Overwrite margins */ .presentation-page #forbottom { margin: 0; padding: 0; } .presentation-page #container { width: auto; margin-top: 2em; } #pp-afterslider { margin: 0 45px; } /* fix interference from slider plugins */ #frontpage #slider a#slider-stopper { display: none; } /* Presentation Page */ .slider-wrapper { display: block; float: none; clear: both; margin: 0 auto 40px; } #slider { display: block; float: none; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider-navhover .nivo-directionNav a.nivo-prevNav { left: -100px; -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .slider-navhover:hover .nivo-directionNav a.nivo-prevNav{ left: 0; } .slider-navhover .nivo-directionNav a.nivo-nextNav { right: -100px; -webkit-transition: .3s all ease-in-out; -moz-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .slider-navhover:hover .nivo-directionNav a.nivo-nextNav{ right: 0; } /* Front page columns */ #front-columns { display: block; width: auto; float: none; overflow: hidden; } #front-columns > li { float: left; list-style: none; margin-right: 5%; padding: 0; } .column-image { width: 100%; display: block; overflow: hidden; line-height: 0; position: relative; /* support columns outside PP */ } .column-image:hover .column-image-inside, .column-image:hover .column-text { left: 0; } .column-image:hover .columnmore { bottom: 20px; } .column-image-inside { width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7); z-index: 250; left: -100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .column-text { position: absolute; top: 50%; left: 100%; overflow: hidden; color: #DDD; font-size: 13px; line-height: 1.5em; text-align: justify; padding: 10px 20px; width: 100%; z-index: 251; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0,-55%); -moz-transform: translate(0,-55%); -ms-transform: translate(0,-55%); -o-transform: translate(0,-55%); transform: translate(0,-55%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .column-image img { width: 100%; } .columnmore { display: block; position: absolute; bottom: -50px; margin: 0 auto; clear: both; width: 100%; font-size: 12px; text-align: center; line-height: 20px; z-index: 251; background: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .columnmore a { background: #F00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 20px; background: #fff; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } .coldisplay1 .column-text, .coldisplay1 .column-image-inside { left: 0; } .coldisplay1 .columnmore { bottom: 20px; } .coldisplay1 .column-image:hover .column-image-inside { background: rgba(0,0,0,0.9); } .coldisplay2 .column-image { overflow: visible; } .coldisplay2 .column-image-inside { display: none; } .coldisplay2 .column-text { position: relative; top: 0; left: 0; color: inherit; padding: 10px 5px; -webkit-transform: none; -moz-transform: none; transform: none; } .coldisplay2 .columnmore, .coldisplay2 .column-image:hover .columnmore { position: relative; bottom: 0; } #front-columns { margin:0; } #front-columns > div { display: block; float: left; height: auto; margin-right: 5%; margin-bottom: 30px; } .column1 { clear: both; } .column-image { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .column-image img { display: block; margin: 0 auto; } .column-header-image { font-size: 24px; margin-bottom: 5px; line-height: 30px; } /* Front Page Texts */ #front-text1 h1, #front-text2 h1 { display: block; float: none; margin: 0 auto; text-align: center; font-size: 35px; line-height: 50px; clear: both; font-weight: bold; } #front-text1, #front-text2 { display: block; float: none; padding: 0 100px 30px; } #front-text3 blockquote, #front-text4 blockquote { padding: 15px 0px; width: inherit; margin-bottom: 20px; font-size: 1.5em; line-height: 1.5em; text-align: justify; } /* Style HTML5 tags for IE8 and lower */ header ,nav ,section ,article ,aside ,footer ,hgroup { display: block; } .tinynav { display: block; float: none; margin: 8px auto; display: none; min-width: 200px; width: 100%; padding: 10px; } .tinynav option { } /* Magazine layout */ .magazine-layout #content article.post, .magazine-layout.search #content article { float:left; width:48%; padding: 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .magazine-layout #content article.sticky {} .magazine-layout #content article:nth-of-type(2n+1) { clear: both; margin-right: 4%; } .magazine-layout .comments-link { float: left; } .magazine-layout .entry-header .entry-meta { margin-top: 5px; } .magazine-layout span.edit-link { float: left; margin-left: 0; margin-right: 10px; } .magazine-layout .entry-header { clear: both; } /* Ajax load more posts button */ #cryout_ajax_more_trigger{ display: table; float: none; clear: both; min-width: 200px; background: url(../../themes/tempera/images/loading.gif) no-repeat -100px center ; padding: 7px 20px; border-radius: 10px; margin: 0 auto; text-align: center; cursor: pointer; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } #cryout_ajax_more_trigger:hover { opacity: 0.8; } .cryout_click_loading { background: url(../../themes/tempera/images/loading.gif) transparent no-repeat center center !important; text-indent: -9999px; } /* shareaddy fix */ .sharedaddy ul > li { background: none !important; text-indent: 0 !important; } /*woocommerce fix*/ .woocommerce .product .entry-summary {clear:none;} /* video fix */ #content embed, #content iframe { max-width: 100%; } /* WooCommerce compatibility styling */ body.woocommerce #forbottom { padding-top: 20px; } body.woocommerce .page-title { display: inherit; margin-bottom: 20px; padding: 10px; } body.woocommerce-page .entry-content .checkout ul > li { list-style: none outside none; } body.woocommerce-cart .entry-content fieldset, body.woocommerce-cart #content tr td, body.woocommerce-cart #content tr th, body.woocommerce-cart #content thead th { border: 0; } /* FIN! */ /* =Responsive Structure ----------------------------------------------- */ @media (max-width: 1920px) { body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/ body.mobile #forbottom {min-height:0;} /* Column text and Readmore button visible on mobile devices */ body.mobile .column-image {overflow:visible;} body.mobile .column-image-inside {display:none;} body.mobile .column-text {position:relative;top:0;left:0;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;color:inherit;padding:10px 0;width:100%;display:table;margin:0 auto;} body.mobile .columnmore {position:relative;bottom:0;} body.mobile .column-image:hover .columnmore {bottom:0;} } @media (max-width: 800px) { /* Column text and Readmore button visible on mobile devices */ .column-image {overflow:visible;} .column-image-inside {display:none;} .column-text {position:relative;top:0;left:0;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;color:inherit;padding:10px 0;width:100%;display:table;margin:0 auto;} #forbottom .columnmore {position:relative;bottom:0;} #forbottom .column-image:hover .columnmore {bottom:0;} #header, #access, #branding, #topbar-inner, #footer-widget-area { width:100%; } .topmenu {float:left;} #header-full, #footer { min-width: 100%; } #wrapper, #colophon, #main, article.post, #container, #linky {width: auto;} #branding, #bg_image { min-height:100px; } /* Header widget mobile fix */ #branding {height:auto;overflow:hidden;} #header-widget-area {position:relative;top:0;left:0;width:100%;} #header-widget-area .yoyo > li {margin-bottom:2px;} #footer2 {margin-bottom:0;} #footer {margin-top:0;} #forbottom, #colophon {margin:0 20px;} .presentation-page .slider-wrapper{margin:0 auto;} .presentation-page #forbottom{margin:0;} .presentation-page #pp-afterslider {margin:0 20px;} #front-text1, #front-text2 {padding:20px 0;} .nivo-caption {left:0;width:100%;} #bg_image {width:100%;} #header-container > div {height:100%;} a#logo { height:100%; display: block; } a#logo img { width:auto; max-width:90%;height:80%; } .safari a#logo img { max-height: 80px;height:auto; } .nivo-caption h2 {margin-bottom:5px;} #slefts, #srights {display:none;} #access .menu-header, div.menu {margin:0 5px;} #container[class*='column'] #primary, #container[class*='column'] #secondary, #container[class*='column'] #content {width:100%;float:none;margin:0;clear:both;} #container[class*='column'] #content {margin-bottom:25px;} .slider-wrapper {width:100%;} #slider {width:auto;height:auto;} #forbottom #front-columns > div {width:47%;margin-bottom:20px;} #forbottom #front-columns div.column1 {clear:none;} #forbottom #front-columns > div.column3 {margin-right:5%;} #forbottom #front-columns > div:nth-child(2n+2){margin-right:0;} .column-image img {height:auto;} #forbottom #front-columns .column-header-image {text-align:center;margin-bottom:10px;} #content img, #content article.post img, #content article .wp-caption, article embed { max-width:100%; } #site-title span a {font-size:35px;line-height: 40px;} #site-description {font-size:15px;line-height: 20px;} #site-title, #site-description { margin-left: 5px; } article.post, article.page {padding:20px 10px 10px;} article.sticky {padding:20px 5px 5px;border-width:5px;} .footertwo .widget-area, .footerthree .widget-area, .footerfour .widget-area {width:100%;} body {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/ } @media (max-width: 780px) { body.tempera-topbarfixed.admin-bar #topbar { top: 46px; } } @media (max-width: 650px) { body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote { font-size: 13px;} #forbottom, #colophon {margin:0 10px;} .presentation-page #forbottom{margin:0;} .presentation-page #pp-afterslider {margin:0 10px;} #branding { height:auto; } a#logo img {margin-top:-25px;max-height:75%;max-width:90%;width:auto;height:auto;} #header-container > div { margin-top:35px; } #site-title span a {font-size:25px;line-height: 30px;} #site-description {margin-top:3px;font-size:12px;line-height: 15px;} #front-text1 h1, #front-text2 h1 {font-size:2em;line-height:1.3em;} #front-text2 h1{margin-bottom:0px;} #frontpage blockquote { font-size: 1.0em; line-height: 1.6em; padding: 10px 0; } .nivo-caption h2 {font-size:16px;line-height:20px;padding:5px 10px;} article.intro .entry-content {font-size: 12px;} .featured-post .entry-title {font-size: 14px;} .entry-meta a , .entry-meta, .comments-link{ font-size: 10px; } #content .entry-title {font-size:30px;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-left:0;} .widget-area a:link, .widget-area a:visited { font-size:12px; } .theme-default .nivo-caption { font-size:9px; } #content p, #content ul, #content ol, .sidey, .sidey a, table, table td { line-height: 1.4em; } .nivo-directionNav { display: none; } #header .socials a { width: 20px; height: 20px; } #header .socials a img { width: 20px; height: 20px; } .theme-default .nivoSlider {background-image:none;} .nivo-caption {position:relative;padding:5px 5px 35px;background:transparent;color:inherit;top:0;} .theme-default .nivo-controlNav {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .slide-text {font-size:12px;} .column-header-image {margin-bottom:0;font-size:20px;} .footermenu {display:table;margin:0 auto;float:none;} #main {margin-top:0px;} #nav-toggle { display: block; float: left; margin: 0 auto; cursor:pointer; width: 92%; height: 40px; padding: 2px 4%; } #nav-toggle span { } #nav-toggle span:before { content: "\e820"; font-family: "elusive"; font-size: 16px; height: 40px; line-height: 40px; } #access { display: none; margin-top: 0; padding-bottom: 5px; } #access .menu ul, #access .menu ul li { width: 100%; } #access > .menu li ul { position: inherit; margin-top: 0; } #access > .menu ul ul ul { width: 95%; left: 5%; } #access > .menu > ul > li > a > span { border-width: 0 0 1px 0; border-style: solid; box-shadow: 0 1px 0 rgba(255,255,255,0.5);} .tempera-menu-center #access > .menu > ul > li > a > span { text-align: left; } #access > .menu ul li > a:not(:only-child) span:after { font-family:"Elusive"; content: '\e80a'; position: absolute; right: 5px; top: 10px; z-index: 251; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } #access > .menu ul li:hover > a:not(:only-child) span:after { top:20px; opacity:0; } #access > .menu ul li > a:not(:only-child) span { padding-right:18px; } #access > .menu > ul ul > li a:not(:only-child) span:after { transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); } #access li.menu-main-search { max-width: none; } } @media (max-width: 600px) { body.tempera-topbarfixed #header-full { margin-top: 0; } body.tempera-topbarfixed.admin-bar #topbar, body.tempera-topbarfixed #topbar{ position: relative; top: 0; } } @media (max-width: 480px) { body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote { font-size: 12px;} #site-title span a{font-size: 18px;line-height:20px;} #site-description { font-size: 11px;line-height:10px;} .nivo-caption h2 {margin-bottom:0px;font-size:14px;line-height:18px;} /*.nivo-slice {z-index:-1;} */ /* This would remove slider animations if needed */ body {padding: 0;} #page {margin-top: 0;} .magazine-layout #content article.post, .magazine-layout .search #content article {margin:5px 0;width:100%;} #forbottom #front-columns > div { width:auto;max-width:98%;float:none;margin:25px auto;clear:both;} .column-image img {} } /* used to be 400px */ @media (max-width: 480px) { }