/* Theme Name: Above Skyline lite Theme URI: http://sirlorem.com/theme/Above_Skyline_Business_WordPress_Theme/ Author: Sir Lorem WordPress Themes Author URI: http://sirlorem.com/ Description: Above Skyline is a modern, responsive Wordpress Theme by Sir Lorem. Version: 1.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: orange, blue, green,red, light, right-sidebar, left-sidebar, responsive-layout, custom-colors, featured-images, full-width-template, post-formats, theme-options Text Domain: above_skyline_demo */ /* 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%; font: inherit; vertical-align: baseline; } /* 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; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* BASIC */ body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #777777; background-color: #eaeaea; } button { cursor: pointer; } a { font-family: 'Open Sans', sans-serif; /*font-size: 16px; */color: #898989; text-decoration: none; } .clear { clear: both; } textarea,input,select { border: 1px solid #ddd; font-family: 'Open Sans',sans-serif; font-size: 13px; box-shadow: 0px 0px 5px rgba(225,225,225,0.5); outline: none; padding: 6px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { -webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s; } input[type="button"], input[type="submit"], input[type="reset"] { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) ); background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); background-color:#ffffff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#666666; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; cursor: pointer; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff'); background-color:#f6f6f6; } input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { } pre, code { font-family: 'Courier New', monospace; margin-bottom: 10px; } h1,h2,h3,h4,h5,h6 { font-family: 'Yanone Kaffeesatz', sans-serif; line-height: normal; font-weight: 300; margin-bottom: 10px; } blockquote { padding: 20px; background: #eaeaea; text-align: justify; margin-bottom: 15px; margin-left: 25px; } blockquote p:last-child { padding-bottom: 0; } p { text-align: justify; } h1 { font-size: 290%; } h2 { font-size: 240%; } h3 { font-size: 200%; } h4 { font-size: 160%; } h5 { font-size: 130%; } h6 { font-size: 110%; } img { -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; } strong { font-weight: bold; } cite, em, i { font-style: italic; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: 80%; } sup { bottom: 0.6em; } sub { top: 0.3em; } dl { margin-left: 10px; } dl dt { font-weight: bold; } dd { margin-left: 10px;} .content table { border: 1px solid #eee; margin-bottom: 10px;; text-align: left; width: 100%; border-collapse: collapse; } .content tr th, .content thead th { font-weight: bold; padding: 10px 21px; } .content tr td { border-top: 1px solid #eee; padding: 7px 21px; } .content p { line-height: 24px; padding-bottom: 15px; font-weight: 400; font-size: 14px; } .content p:last-child { padding-bottom: 0; } .content ul { list-style-type: disc; list-style-position: inside; line-height: 27px; } .content ol { list-style-type: decimal; list-style-position: inside; line-height: 27px; } .content ul ul, .content ol ul { list-style-type: circle; list-style-position: inside; margin-left: 15px; } .content ol ol, .content ul ol { list-style-type: lower-latin; list-style-position: inside; margin-left: 15px; } .content a { color: #4bb6f5; } div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } .sticky { } .gallery-caption { } .bypostauthor { } /* WRAPPER */ #wrapper { /*width: 100%; */ } /* HEADER */ #header_container { width: 100%; height: 80px; background-color: #E1800B; position: relative; z-index: 4; } #main_header { width: 920px; height: 80px; margin: 0px auto; background-color: #E1800B; padding: 0px 40px; } a#logo { padding-top: 10px; width: auto; height: auto; display: inline-block; margin-right: 40px; float: left; } a#logo img { height: 60px; } /* MAIN NAV */ #main_nav { display: inline-block; height: 80px; margin-right: 40px; float: left; } #main_nav ul { } #main_nav ul > li { float: left; margin-right: 5px; position: relative; } #main_nav ul > li > a { display: block; vertical-align: middle; line-height: 80px; height: 80px; padding: 0px 14px; font-size: 14px; color: white; font-weight: 600; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #main_nav ul > li > a:hover, #main_nav ul > li.current-menu-item > a, #main_nav ul > li.current-page-parent > a { color: #e77712; background: white; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); } /*******SUBMENU*/ #main_nav ul > li > ul.sub-menu { visibility: hidden; display: none; z-index: 2; width: 240px; position: absolute; /*top: -800px;*/top: 80px; left: -1px; border: 1px solid #ededed; border-top: none; opacity: 0; } #main_nav ul > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; float: none; margin: 0px; padding: 0px; } #main_nav ul > li > ul.sub-menu > li:last-child { border-bottom: none; } #main_nav ul > li > ul.sub-menu > li > a { height: 40px; line-height: 40px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #main_nav ul > li > ul.sub-menu > li > a:hover { padding-left: 25px; } #main_nav ul > li > ul.sub-menu > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; } #main_nav ul > li > ul.sub-menu > li > a:hover .fa-chevron-right, #main_nav ul > li > ul.sub-menu > li.current-menu-item > a .fa-chevron-right, #main_nav ul > li > ul.sub-menu > li.current-page-parent > a .fa-chevron-right { color: #e77712; } #main_nav ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1; height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /******************SUBSUBMENU*/ #main_nav ul > li > ul.sub-menu > li > ul.sub-menu { top: -1px; left: 240px; border-top: 1px solid #ededed; } /* TOP SEARCH */ #top_search { float: right; display: inline-block; height: 34px; margin: 22px 0px; position: relative; } #top_searchbox { width: 200px; padding: 6px; border: 1px solid #d0750b; outline: none; font-size: 12px; height: 18px; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); } #top_search button { width: 15px; height: 15px; background: transparent url('images/search_btn.png') center center no-repeat; border: none; position: absolute; right: 10px; top: 10px; text-indent: -9999px; } /* CONTENT WRAPPER */ #content_area { width: 1000px; min-height: 900px; background-color: #ffffff; padding-top: 100px; padding-bottom: 40px; margin: -60px auto 0px auto; position: relative; z-index: 3; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1); } h1.title, #reply-title { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; font-size: 40px; color: #232323; } .content-wrap { padding: 0px 40px 20px 40px; width: 920px; } .content-area { width: 600px; float: left; } .content-header { width: 600px; min-height: 60px; position: relative; } .content-thumb { } .content-thumb:before { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; -webkit-box-shadow: inset 0px 0px 40px #a3a3a3; box-shadow: inset 0px 0px 40px #a3a3a3; } .content-thumb img { background: transparent; width: 100%; height: auto; display: block; /*float: none; width: 600px; display: block;*/ } .content-title { } .content-title h1, .content-title h1 a { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; font-size: 48px; display: inline-block; padding: 0px 5px 5px 0px; width: auto; background: white; color: #232323; } .title-thumb { position: relative; } .title-thumb .content-title { margin-top: -55px; } .title-thumb .content-title h1 { padding-top: 0px; padding-top: 5px; } .post-info { font-size: 16px; margin-top: 5px; margin-bottom: 5px; } .post-info .icon { margin-right: 8px; font-size: 19px;} .post-info .post-info-box { margin:0px 7px; display: inline-block; } .post-info .post-info.box:last-child { margin-right: 0px; } .content { margin-top: 15px; font-size: 14px; } .content p { line-height: 30px; padding-bottom: 15px; font-weight: 300; text-align: justify; } .content-pages { font-size: 15px; margin-top: 15px; font-weight: 500; } .content-pages a { font-size: 15px; font-weight: 500; } .content-tags { font-size: 15px; margin-top: 15px; font-weight: 500; } .content-tags a { font-size: 15px; font-weight: 500; } .content-tags a:hover { color: #4bb6f5; } /* COMMENTS */ .comments_title, #reply-title { margin-top: 15px; margin-bottom: 15px; } .posts_nav, .comments_nav { margin: 10px 0px; clear: both; } .posts_nav:after, .comments_nav:after { clear: both; } .posts_nav div, .comments_nav div { width: 49%; } .posts_nav a:hover, .comments_nav a:hover { color: #4bb6f5; } .posts_nav .nav-previous, .comments_nav .nav-previous { float: left; } .posts_nav .nav-next, .comments_nav .nav-next { float: right; text-align: right; } .commentlist { } .commentlist li { } .comment { } .comment_box { box-shadow: 0px 0px 4px rgba(225,225,225,0.5); position: relative; padding: 30px; padding-left: 115px; margin-bottom: 20px; } .comment_wrap { } .comment_wrap .avatar_wrap { position: absolute; top: 30px; left: 30px; } .avatar_wrap .avatar { border: 5px solid white; box-shadow: 0px 0px 5px rgba(200,200,200,.7), inset 0px 0px 5px rgba(200,200,200,.7); } .comment_wrap .comment_text { font-size: 14px; text-align: justify; } .comment_wrap .comment_text p { line-height: 27px; padding-bottom: 15px; font-weight: 300; } .comment_wrap .comment_author { margin-bottom: 10px; font-size: 18px; margin-bottom: 10px; } .comment_wrap .comment_author strong { font-weight: 400; } .comment_wrap .comment_author a { font-size: 18px; } .comment_wrap .comment_author .comment_date { color: #c5c5c5; } .comment_wrap .comment_author .comment-edit-link { color: #c5c5c5; margin-left: 10px; } .comment_wrap .comment_author .comment-edit-link:hover { color: #4bb6f5; } .comment_wrap .reply { text-align: right; margin-top: 15px; } .comment-reply-link, .comment-reply-login { color: #c5c5c5; font-size: 14px; } .comment-reply-link:hover, .comment-reply-login:hover { color: #4bb6f5; } .comment .children { margin-left: 40px; } #respond { margin-bottom: 10px; } #respond p { margin: 15px 0px; font-size: 14px; line-height: 20px; } #respond a { color:#4bb6f5; font-size: 14px; } #respond a:hover { color: #4bb6f5; } #respond p label { display: none; } #respond .comment-form-comment label { display: none; } #respond #comment { padding: 10px; width: 96%; } #respond .form-submit input { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) ); background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); background-color:#ffffff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#666666; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; } #respond .form-submit input:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff'); background-color:#f6f6f6; } #respond .form-submit input:active { position:relative; top:1px; } #comment_error { display: inline-block; padding: 5px 24px; font-weight: bold; } /* RIGHT SIDEBAR */ .sidebar_left .content-area { float: right; } .sidebar_left .sidebar { float: left; } /* FULL WIDTH */ .fullwidth .content-area { width: 920px; float: none; } .fullwidth .content-header { width: 920px; } /* CONTACT */ .npr_contact_form input[type="text"] { width: 350px; } .npr_contact_form textarea { width: 580px; height: 100px; } .npr_contact_form input.errn { width: 120px; } .cotnactform_error { margin-left: 10px; margin-bottom: 20px; } .cotnactform_error p { margin-bottom: 10px; padding: 0px; line-height: 20px; } .cibox { margin-bottom: 30px; margin-top: 20px; } .npr_contact_info { float: left; } .npr_contact_info p { line-height: 20px; padding-bottom: 5px; } .npr_contact_info p.contact_name { font-size: 19px; font-weight: 500; margin-bottom: 15px; } .npr_contact_info p.contact_phone, .npr_contact_info p.contact_email { margin-top: 15px; } .npr_contact_info p .icon { margin-right: 10px; } .npr_contact_info p a { font-size: 14px; } .npr_contact_maps { float: left; } .npr_contact_maps iframe { width: 100%; height: 100%; box-shadow: 0px 0px 5px rgba(225,225,225,0.5); outline: none; border: 1px solid #ddd; } ._box_maps_box_info .npr_contact_maps { width: 415px; height: 275px; } ._box_maps_box_info .npr_contact_info { width: 165px; margin-right: 15px; } ._box_maps .npr_contact_maps { width: 600px; height: 315px; } ._box_info .npr_contact_info { width: 600px; } .fullwidth ._box_maps_box_info .npr_contact_maps { width:635px; } .fullwidth ._box_maps_box_info .npr_contact_info { width:255px; } .fullwidth ._box_maps .npr_contact_maps { width: 900px; height: 375px; } .fullwidth ._box_info .npr_contact_info { width: 900px; } .fullwidth .npr_contact_form input[type="text"] { width: 550px; } .fullwidth .npr_contact_form textarea { width: 900px; height: 170px; } .fullwidth .npr_contact_form input.errn { width: 120px; } /* SITEMAP */ .sitemap { width: 100%; } .sitemap .clmn { float: left; width: 23%; margin-right: 2.5%; } .sitemap .clmn:last-child { margin-right: 0; } .sitemap .clmn h2 { font-size: 18px; margin-bottom: 20px; color: #232323; } .sitemap .clmn ul li, .sitemap .clmn ul li a { font-size: 14px; } .sitemap .clmn ul li { margin-bottom: 13px; list-style: none; } .sitemap .icon { margin-right: 10px; color: #ccc; } /* AUTHORS PAGE */ .authorsList { width: 100%; } .authorBox { /*box-shadow: 0px 0px 4px rgba(225,225,225,0.5);*/ min-height: 120px; position: relative; /* padding: 30px; */ padding-left: 145px; margin-bottom: 20px; } .authorWrap { } .authorWrap .authorAvatar { position: absolute; top: 0; left: 0px; } .authorAvatar .avatar { border: 5px solid white; box-shadow: 0px 0px 5px rgba(200,200,200,.7), inset 0px 0px 5px rgba(200,200,200,.7); } .authorWrap .authorInfo { font-size: 14px; text-align: justify; } .authorWrap .authorInfo p { line-height: 27px; padding-bottom: 15px; font-weight: 300; } .authorWrap .authorName { margin-bottom: 10px; font-size: 27px; margin-bottom: 10px; /*font-family: 'Dosis', sans-serif; font-weight: 300;*/ } .authorWrap .authorName strong { font-weight: 400; } .authorWrap .authorName a { font: inherit; } .authorWrap .authorName .postCount { color: #c5c5c5; } /* GALLERY PAGE */ .gallery-list { line-height: 0 !important; } .gallery-list li { float: left; list-style: none; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .gallery-list li h2 { font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 22px; } .gallery-list li h2 a { font: inherit; } .gallery-list li .picWrap { overflow: hidden; position: relative; display: block; -webkit-box-shadow: 0 0 45px -10px #bcbcbc; box-shadow: 0 0 45px -10px #bcbcbc; cursor: pointer; } .gallery-list li .picWrap img { width: 100%; } .gallery-list li .picWrap .icon { display: block; position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: 0px; margin-left: -30px; opacity: 0; transition: all .5s; -moz-transition: all .5s; color: white; font-size: 30px; text-align: center; vertical-align: middle; line-height: 40px; background: #454545; border-radius: 50px; padding: 10px; } .gallery-list li:hover .picWrap .icon { opacity: .8; margin-top: -30px; } .gallery-list li p { padding-bottom: 0; margin-top: 7px; text-align: justify; } .gallery-small li { width: 29%; padding: 2%; } .gallery-small li h2 { font-size: 22px; margin-bottom: 11px; } .gallery-medium li { width: 46%; padding: 2%; } .gallery-medium li h2 { font-size: 24px; margin-bottom: 13px; } .gallery-large li { width: 94%; padding: 3%; } .gallery-large li h2 { font-size: 26px; margin-bottom: 15px; } .fullwidth .gallery-small li { width: 21%; padding: 2%; } .fullwidth .gallery-medium li { width: 29%; padding: 2%; } .fullwidth .gallery-large li { width: 44%; padding: 3%; } /* POST LIST */ .post_list .title-thumb .content-title { margin-top: -45px; } .post_list .title-thumb .content-title h1 { font-size: 34px; } .post_list .content-title h1 a { font-size: 34px; } .post_list .post-info { font-size: 15px; } .post_list .post-info a { font-size: inherit; } .post_list .post-info .icon { font-size: 14px; } p.readmore { text-align: right; padding-bottom: 0; } p.readmore a { margin: 10px 0px; font-size: 16px; color:#4bb6f5; text-decoration:none; cursor: pointer; } p.readmore a:hover { text-decoration: underline; } /* SIDEBAR WIDGETS */ .sidebar { width: 280px; float: right; } .sidebar-widget { border: 1px solid #cccccc; border-bottom: 4px solid #e27f0c; margin-bottom: 40px; -webkit-box-shadow: 0px 0px 5px 0px #eeeeee; box-shadow: 0px 0px 5px 0px #eeeeee; } .sidebar-widget h2 { height: 50px; border-bottom: 1px solid #ccc; line-height: 50px; color: #232323; text-indent: 18px; font-size: 14px; font-weight: 400; margin-bottom: 0; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */ } .sidebar-widget input, .sidebar-widget select { margin: 20px; border: 1px solid #ccc; padding: 5px; outline: none; background: #fafafa; width: 228px; color: #232323; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); } .sidebar-widget ul li { border-bottom: 1px solid #ccc; font-size: 14px; vertical-align: middle; text-indent: 10px; display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; min-height: 40px; line-height: 40px; background: #fff; } .sidebar-widget ul li:hover { text-indent: 20px; background: #f7f7f7; } .sidebar-widget ul li a .icon { margin-right: 10px; font-size: 12px; } .sidebar-widget ul li:hover a .icon { color: #e77712; } .widget_archive ul li a, .widget_pages ul li a, .widget_recent_entries ul li a, .widget_nav_menu ul li a, .widget_meta ul li a, .widget_categories ul li a { line-height: 40px; font-size: 14px; } .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_recent_entries ul li a:hover, .widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_categories ul li a:hover { } .sidebar-widget .textwidget { font-size: 14px; line-height: 24px; text-align: justify; } .sidebar-widget .textwidget, .sidebar-widget .tagcloud { padding: 20px; } .widget-search { width: 240px; position: relative; } .widget-search input { font-size: 12px; height: 18px; } .widget-search button { width: 15px; height: 15px; background: transparent url('images/search_btn.png') center center no-repeat; border: none; position: absolute; right: -12px; top: 28px; text-indent: -9999px; } #wp-calendar { width: 100%; margin-top: 10px; margin-bottom: 10px; } #wp-calendar caption { margin-bottom: 10px; font-weight: 700; } #wp-calendar th { padding: 5px 0px; color: #232323; } #wp-calendar td { width: 14.2%; text-align: center; padding: 5px 0px; } #wp-calendar a { color: #4bb6f5; } #wp-calendar a:hover { text-decoration: underline; } /* TOP INFO */ #top_info { width: 100%; height: 190px; vertical-align: middle; text-align: center; font-family: 'Yanone Kaffeesatz', sans-serif; background: #fafafa; border-bottom:1px solid #e1e1e1; box-shadow: inset 0px 0px 1px 0px #f7f7f7; /*margin-top: -40px;*/ margin-bottom: 40px; position: relative; } #top_first_title { font-size: 52px; font-weight: 300; text-align: center; opacity:0; position: absolute; top: 0px; display: block; width: 100%; } #top_small_title { text-align: center; font-size: 22px; font-weight: 100; opacity:0; position: absolute; bottom: 0px; display: block; width: 100%; } .top_first_title_ok { opacity: 1 !important; top:50px !important; } .top_first_title_ok_b { opacity: 1 !important; top:68px !important; } .top_small_title_ok { opacity: 1 !important; bottom: 40px !important; } /* BREADCRUMB */ #breadcrumb { position: relative; margin-top: -40px; padding: 23px 40px; vertical-align: middle; background: #f3f3f3; border-bottom:1px solid #e1e1e1; color: #777777; } #breadcrumb a { color: #777777; } #breadcrumb a:hover { color: #4bb6f5; } #breadcrumb .brsep { padding: 0px 10px; font-size: 12px; color: #4bb6f5; } .onlybreadcrumb { margin-bottom: 40px; } /* HOME */ .homepage-wrap { margin-top: -40px; } /* HOME TABS */ .npr_home_tab_panel { margin: 40px; border: 1px solid #e1e1e1; } .npr_home_tabs { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */ border-bottom: 4px solid #e27f0c; } .npr_home_tabs li { float: left; border-right: 1px solid #ededed; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .npr_home_tabs li a { display: block; padding: 20px; font-size: 15px; font-weight: 600; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .npr_home_tabs li.npr_tab_active, .npr_home_tabs li:hover { background-color: #E1800B; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1), inset 0px 0px 20px 0px #F36603; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1), inset 0px 0px 20px 0px #F36603; } .npr_home_tabs li.npr_tab_active a, .npr_home_tabs li:hover a { color: white; } .npr_home_tab_contents { padding: 40px; } .npr_home_tab_contents .content { margin-top: 0; } .npr_home_tab_content { display: none; font-size: 15px; } .npr_home_tab_content p { line-height: 30px; padding-bottom: 15px; font-weight: 300; } .npr_home_tab_content p:last-child { padding-bottom: 0; } .npr_home_tab_contents .npr_tab_active { display: block; } /* HOME MINIBOXES */ .npr_home_miniboxes { margin: 40px; } .npr_home_miniboxes .npr_home_minibox { float: left; } .npr_home_minibox .hmb_content { } .npr_home_minibox .nhm_icon { width: 90px; height: 113px; margin: 0px auto; background: url('images/pin.png') no-repeat top left; text-align: center; margin-bottom: 10px; } .nhm_icon img { margin-top: 12px; max-width:80px; } .nhm_icon .icon_p { padding-top: 12px; } .nhm_icon .icon { font-size: 65px; text-shadow: 2px 2px 0px #fefefe; filter: dropshadow(color=#fefefe, offx=2, offy=2); } .hmb_content h3 { margin: 0px 0px 15px 0px; } .hmb_content h3 a { font-size: 24px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #000; } .hmb_content p { font-size: 14px; line-height: 24px; text-align: justify; } .npr_home_miniboxes .w100 { width: 100%; } .npr_home_miniboxes .w50 { width: 43%; margin: 0 7%; } .npr_home_miniboxes .w33 { width: 26.6%; margin: 0 5%; } .npr_home_miniboxes .w25 { width: 20.5%; margin: 0 3%;} .npr_home_miniboxes .w50:last-child, .npr_home_miniboxes .w33:last-child, .npr_home_miniboxes .w25:last-child { margin-right: 0; } .npr_home_miniboxes .w50:first-child, .npr_home_miniboxes .w33:first-child, .npr_home_miniboxes .w25:first-child { margin-left: 0; } /* HOME SLIDER */ #npr_home_slider { position: relative; } #npr_home_slider img { width: 1000px; max-width: none !important; } #npr_home_slider h1 { position: absolute; top: -70px; width: 100%; text-align: center; z-index: 10; } #npr_home_slider h1 a { font-size: 75px; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 200; text-shadow: 1px 1px 0px #898989; filter: dropshadow(color=#898989, offx=1, offy=1); } #npr_home_slider .slider_content { position: absolute; top: 400px; z-index: 10; width: 80%; margin-left: 10%; text-align: center; color: white; text-shadow: 1px 1px 0px #898989; filter: dropshadow(color=#898989, offx=1, offy=1); font-size: 22px; line-height: 33px; vertical-align: middle; } /* FOOTER */ #footer { width: 100%; height: 100px; background: #d9d9d9; z-index: 1; position: relative; top: -84px; -webkit-box-shadow: inset 0px 0px 1px 0px #f7f7f7; box-shadow: inset 0px 0px 1px 0px #f7f7f7; border-top: 1px solid #d1d1d1; background: #d9d9d9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d9d9d9 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d9d9d9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d9d9d9 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d9d9d9 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(to bottom, #d9d9d9 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */ } /*#footer { background: none !important; border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; }*/ #footer #sirlorem_copyright { width: 1000px; margin: 25px auto; margin-top: 75px; text-align: center; color: #a1a1a1; font-weight: 600; font-size: 14px; text-shadow: 1px 1px 0px #ededed; filter: dropshadow(color=#ededed, offx=1, offy=1); } #footer #sirlorem_copyright a { font-size: 14px; color: #a1a1a1; } /* FOOTER NAV */ #footer_menu { width: 1000px; position: relative; top: -42px; z-index: 4; background: #dedede; height: 41px; -webkit-box-shadow: inset 0px 0px 1px 0px #f7f7f7; box-shadow: inset 0px 0px 1px 0px #f7f7f7; border-top: 1px solid #d1d1d1; margin: 0 auto; } #footer_nav { display: inline-block; height: 40px; margin-right: 40px; margin-left: 40px; float: left; } #footer_nav ul { } #footer_nav ul > li { float: left; margin-right: 5px; position: relative; } #footer_nav ul > li > a { display: block; vertical-align: middle; line-height: 40px; height: 40px; padding: 0px 14px; font-size: 14px; color: #777777; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #footer_nav ul > li > a:hover, #footer_nav ul > li.current-menu-item > a, #footer_nav ul > li.current-page-parent > a { color: #e77712; background: white; -webkit-box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); box-shadow: inset 0px 0px 20px 0px rgba(237, 237, 237, .75); } /*******SUBMENU*/ #footer_nav ul > li > ul.sub-menu { visibility: hidden; display: none; z-index: 3; width: 240px; position: absolute; /*top: -800px;*/ bottom: 39px; left: -1px; /*border: 1px solid #ededed; border-bottom: none; */opacity: 0; } #footer_nav ul > li > ul.sub-menu > li { border: 1px solid #ededed; border-bottom: none; float: none !important; margin: 0px; padding: 0px; } /*#footer_nav ul > li > ul.sub-menu > li:last-child { border-bottom: none; }*/ #footer_nav ul > li > ul.sub-menu > li > a { height: 40px; line-height: 40px; display: block; vertical-align: middle; color: #777; background: white; font-weight: 400; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #footer_nav ul > li > ul.sub-menu > li > a:hover { padding-left: 25px; } #footer_nav ul > li > ul.sub-menu > li > a .fa-chevron-right { margin-right: 10px; font-size: 10px; } #footer_nav ul > li > ul.sub-menu > li > a:hover .fa-chevron-right, #footer_nav ul > li > ul.sub-menu > li.current-menu-item > a .fa-chevron-right, #footer_nav ul > li > ul.sub-menu > li.current-page-parent > a .fa-chevron-right { color: #e77712; } #footer_nav ul > li:hover > ul.sub-menu { visibility: visible; display: block; opacity: 1; height: auto; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /******************SUBSUBMENU*/ #footer_nav ul > li > ul.sub-menu > li > ul.sub-menu { top: -1px; left: 238px; float: none; /*border: 1px solid #ededed; border-bottom: 1px solid #ededed;*/ } #footer_nav ul > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid #ededed; } /* FOOTER WIDGETS */ #footer_widgets { width: 1000px; margin: 0px auto; background: #eee; z-index: 2; position: relative; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1); } .footer_widget { width: 253px; margin: 40px; float: left; } .footer_widget .sidebar-widget { border: none; border-bottom: 2px solid #ccc; margin-bottom: 50px; -webkit-box-shadow:none; box-shadow:none; } .footer_widget .sidebar-widget h2 { border-bottom: none; background: none; font-family: 'Yanone Kaffeesatz', sans-serif; text-indent: 0px; font-size: 22px; } .footer_widget .sidebar-widget input, .footer_widget .sidebar-widget select { margin: 10px 0px; border: 1px solid #ccc; padding: 5px; outline: none; background: #fafafa; width: 100%; color: #232323; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); box-shadow: inset 0px 0px 1px 0px rgba(152, 152, 152, .75); } .footer_widget .sidebar-widget ul li { background: none; text-indent: 5px; } .footer_widget .sidebar-widget ul li:hover { background: none; text-indent: 10px; } .footer_widget .sidebar-widget .textwidget, .footer_widget .sidebar-widget .tagcloud { padding: 5px; } .footer_widget .widget-search button { right: -3px; top: 18px; } /* SOCIAL MEDIA BUTTONS */ #sm_container { float: right; margin-right: 40px; } #sm_container a { width: 27px; height: 27px; display: inline-block; margin-right: 6px; margin-top: 6px; /*background-image: url('images/smicons.png'); background-repeat: no-repeat; text-indent: -9999px;*/ background: #777777; color: #dedede; border-radius: 30px; text-align: center; line-height: 27px; vertical-align: middle; } #sm_container a:last-child { margin-right: 0px !important; } /*#sm_facebook { background-position: 0px 0px; } #sm_twitter { background-position: -27px 0px; } #sm_gplus { background-position: -54px 0px; }*/ /* MISC */ .header_shadow { -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1), inset 0px 0px 50px 0px #F36603; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .1), inset 0px 0px 50px 0px #F36603; } #mobile_header { display: none; } #mobile_footer { display: none; }