/* ============================== DEFAULT HTML ============================== */ @import url(https://fonts.googleapis.com/css?family=Voltaire); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); html, body { line-height: 1.5; margin: 0; padding: 0; } body { overflow-x: hidden; color: #777; font-size: 85%; font-family: "Open Sans", Arial, Helvetica, sans-serif; background: #fff; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } hr { border-left: none; border-right: none; border-top: 1px solid #E5E5E5; color: #F4F4F4; margin: 20px 0; padding: 0; } hr.soften { height: 1px; margin: 50px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; } /* =============== DEFAULT HTML - LINK STYLES =============== */ a, a:link, a:visited { text-decoration: none; outline: none; color: #21759B; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:hover { color: #d54e21; text-decoration: none; } a:active { text-decoration: none; } a:focus { outline: none; } a img { border: none; } /* =============== DEFAULT HTML - HEADING STYLES =============== */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; } /* =============== DEFAULT HTML - LIST STYLES =============== */ ul, ul li, ol, ol li, p, form, input { margin: 0; padding: 0; } p { margin-bottom: 10px; } ul, ul li { list-style: none; } ol li, ul li { list-style-position: inside; } /* =============== DEFAULT HTML - IMAGES STYLES =============== */ img { border: none; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img.image-border { border: 1px solid #D2D2D2; padding: 3px; } img.image-left { float: left; margin-right: 5px; } img.img-full-width { width: 100%; } [class*="img-fulltext-"] { margin: 10px 0; } [class*="img-fulltext-"] img { width: 100%; } /* =============== IMAGES HOVER STYLES =============== */ [class*="img-intro-"], [class*="st-related-news-style-"] .relateditems .image, .st-news-horizonal-style-1 .inner .image, .st-news-horizonal-style-2 .inner .image { overflow: hidden; } [class*="img-intro-"] img, [class*="st-related-news-style-"] .relateditems .image img, .st-news-horizonal-style-1 .inner .image img, .st-news-horizonal-style-2 .inner .image img { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } [class*="img-intro-"]:hover img, [class*="st-related-news-style-"] .relateditems .image:hover img, .st-news-horizonal-style-1 .inner .image:hover img, .st-news-horizonal-style-2 .inner .image:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } [class*="img-intro-"] a, [class*="st-related-news-style-"] .relateditems .image a, .st-news-horizonal-style-1 .inner .image a, .st-news-horizonal-style-2 .inner .image a { display: block; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } [class*="img-intro-"] a:after, [class*="st-related-news-style-"] .relateditems .image a:after, .st-news-horizonal-style-1 .inner .image a:after, .st-news-horizonal-style-2 .inner .image a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../images/icons/icon-link.png) center -100px no-repeat; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } [class*="img-intro-"]:hover a:after, [class*="st-related-news-style-"] .relateditems .image:hover a:after, .st-news-horizonal-style-1 .inner .image:hover a:after, .st-news-horizonal-style-2 .inner .image:hover a:after { opacity: 1; background-position: center center; } /* =============== PREDEFINED CONTENT ALIGN =============== */ .left { float: left; } .right { float: right; } .margin-left { margin-left: 1em; margin-right: 0; } .margin-right { margin-left: 0; margin-right: 1em; } .content-left { text-align: left; } .content-center { text-align: center; } .content-right { text-align: right; } /* =============== ST BUTTON STYLES =============== */ a.st-button { display: inline-block; padding: 12px 30px; border-radius: 20px; font-weight: bold; border: 2px solid rgba(255, 255, 255, 0.4); line-height: 100%; text-align: center; text-transform: uppercase; color: #F2F2F2; } a.st-button:hover { color: #FFFFDF; border-color: rgba(255, 255, 201, 0.6); } a.readmore, a.st-readmore { display: inline-block; padding: 10px 15px; line-height: 100%; text-align: center; text-transform: uppercase; color: #fff; background: #A0B1C3; margin-top: 5px; font-size: 12px; border-bottom: 3px solid #7E8FA1; } a.readmore:hover, a.st-readmore:hover { background: #398DB3; border-bottom-color: #21759B; } /* ============================== LAYOUT ============================== */ /* =============== LAYOUT - GENERAL LAYOUT =============== */ .clearafter:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } .clearbreak, .clear { clear: both; } button.close { background: rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; padding: 0; } .close { color: #000; float: right; font-size: 20px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #fff; } /* =============== LAYOUT - HEADER AREA =============== */ #avatar-header-inside-block { background: url(../images/wood-background.jpg) fixed center top #8D8D8D; padding: 20px 0; } /* =============== LAYOUT - CONTENT AREA =============== */ .title { color: #30AEC4; margin: 10px 0; } .title a:link, .title a:visited { color: #21759B; } .title a:hover { color: #d54e21; } .avatar-article-heading { color: #3A87AD; font-size: 25px; font-weight: 200; line-height: 30px; margin: 5px 0 0; } .love-hexagon { color: #fff; position: relative; top: 8px; text-transform: uppercase; font-weight: 400; font-size: 18px; } #avatar-full-user-custom-block { padding: 20px 0 0; } #avatar-full-1-block, #avatar-full-3-block { background: url(../images/bg-light.jpg); text-align: center; padding: 20px 0; } #avatar-full-3-block { text-align: left; } #avatar-full-2-block, #avatar-full-5-block { background: #fff; padding: 20px 0; } #avatar-full-4-block { background: #4E4E4E; text-align: center; padding: 20px 0; } #avatar-content-user-bottom, #avatar-pos-content-user-bottom, #avatar-promo-top, #avatar-user-top-col-3 { margin: 20px 0; } #avatar-body-top-block { padding: 30px 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #avatar-content-user-top #avatar-pos-content-user-1, #avatar-content-user-top #avatar-pos-content-user-2, #avatar-content-user-bottom #avatar-pos-content-user-3, #avatar-content-user-bottom #avatar-pos-content-user-4 { width: 49%; } #avatar-content-user-top #avatar-pos-content-user-2, #avatar-content-user-bottom #avatar-pos-content-user-4 { float: right; } #avatar-promo-top, #avatar-user-top-col-3 { margin: 30px -10px; } #avatar-right_inner { margin: 20px 0 20px 20px; } #avatar-left_inner { margin: 20px 20px 20px 0; } /* =============== LAYOUT - FOOTER AREA =============== */ #avatar-footer-inside-block { background: #414141; padding: 20px 0; } #avatar-footer-block { background: #2C2C2C; padding: 20px 0; } #avatar-footer-block .st-copyright { text-align: center; } #avatar-footer-block .avatar-module.st-module-special .st-module-heading { text-shadow: 1px 1px 1px #5A5A5A; } #avatar-footer-block .avatar-module.st-module-special .st-module-heading > span { background: #2C2C2C; } /* ============================== MENU ============================== */ /* =============== ICONS MAIN MENU =============== */ [class*="avatar-main-menu"] [class*="icons-"] { background: none; } /* =============== MAIN MENU =============== */ .avatar-nav-responsive .pull, .avatar-nav-responsive .pull-main { display: none; } #avatar-pos-top-right ._menu , #avatar-pos-top-right [class*="avatar-module"] > div { padding: 0; margin: 0; } [class*="avatar-main-menu"] { position: relative; display: inline-block; padding-bottom: 15px; } [class*="avatar-main-menu"]:after { content: ""; position: absolute; width: 100%; height: 6px; background: #FFFFDF; left: 0; bottom: 0; border-radius: 5px; } [class*="avatar-main-menu"] ul { text-align: left; list-style: none; margin: 0; } [class*="avatar-main-menu"] li span { cursor: default; } ul[class*="avatar-main-menu"] > li > a, ul[class*="avatar-main-menu"] > li > span { margin: 0; padding: 0; line-height: 24px; text-transform: uppercase; color: #FFFFDF; text-shadow: 1px 1px 2px #333; font-family: "Voltaire", Georgia, "Times New Roman", Times, serif; font-size: 24px; } [class*="avatar-main-menu"] > li { float: left; font-size: 14px; padding: 18px 16px; margin: 0 5px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } [class*="avatar-main-menu"] > li.active, [class*="avatar-main-menu"] > li:hover { background: rgba(255, 255, 255, 0.25); } [class*="avatar-main-menu"] li.parent { position: relative; } [class*="avatar-main-menu"] li span, [class*="avatar-main-menu"] li a { color: #fff; display: block; line-height: 40px; padding: 0 10px; text-transform: capitalize; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } [class*="avatar-main-menu"] ul { opacity: 0; position: absolute; top: 100%; left: 0; width: 250px; background: #797979; z-index: 9999; margin-left: -99999em; -webkit-transition: opacity .2s ease 0s; -moz-transition: opacity .2s ease 0s; -o-transition: opacity .2s ease 0s; -ms-transition: opacity .2s ease 0s; transition: opacity .2s ease 0s; } [class*="avatar-main-menu"] li:hover > ul { opacity: 1; margin-left: auto; } [class*="avatar-main-menu"] ul li { border-top: 1px solid rgba(255, 255, 255, 0.15); margin: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } [class*="avatar-main-menu"] ul li:first-child { border-top: none; } [class*="avatar-main-menu"] ul li.parent { background-image: url("../images/icons/white-arrow.png"); background-repeat: no-repeat; background-position: 96% center; position: relative; } [class*="avatar-main-menu"] ul li:hover { background-color: rgba(0, 0, 0, 0.2); } [class*="avatar-main-menu"] ul li ul { left: 100%; top: 0; } [class*="avatar-main-menu"] ul li.current > span, [class*="avatar-main-menu"] ul li:hover > span, [class*="avatar-main-menu"] ul li.current > a, [class*="avatar-main-menu"] ul li:hover > a { color: #FFFFDF; } [class*="avatar-main-menu"] ul li:hover > a, [class*="avatar-main-menu"] ul li:hover > span { margin-left: 10px; } /* =============== SLIDE MENU =============== */ [class*="avatar-slide-menu"], [class*="avatar-slide-menu"] ul { list-style: none; margin: 0; background: #0071A5; font-size: 14px; } [class*="avatar-slide-menu"] li { line-height: 24px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } [class*="avatar-slide-menu"] li.parent { background-image: url("../images/icons/white-arrow.png"); background-repeat: no-repeat; background-position: 96% center; } [class*="avatar-slide-menu"] li:hover { background-color: rgba(0, 0, 0, 0.2); } [class*="avatar-slide-menu"] li span, [class*="avatar-slide-menu"] li a { display: block; color: #fff; background: none; padding: 10px; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } [class*="avatar-slide-menu"].avatar-menu-icons li [class*="icons-"] { background-image: none; display: block; padding-left: 40px; position: relative; } [class*="avatar-slide-menu"].avatar-menu-icons li [class*="icons-"]:after { background: url("../images/icons/st-icon-sprite.png") no-repeat 0 0; content: " "; height: 24px; left: 10px; position: absolute; top: 10px; width: 24px; } [class*="avatar-slide-menu"].avatar-menu-icons.white li [class*="icons-"]:after { background-image: url("../images/icons/st-icon-sprite-white.png"); } [class*="avatar-slide-menu"].avatar-menu-icons.gold li [class*="icons-"]:after { background-image: url("../images/icons/st-icon-sprite-gold.png"); } [class*="avatar-slide-menu"] li.current > span, [class*="avatar-slide-menu"] li:hover > span, [class*="avatar-slide-menu"] li.current > a, [class*="avatar-slide-menu"] li:hover > a { color: #FFFFDF; text-decoration: none; } [class*="avatar-slide-menu"] li:hover > a, [class*="avatar-slide-menu"] li:hover > span { margin-left: 10px; } [class*="avatar-slide-menu"] ul { opacity: 0; position: absolute; z-index: 9999; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; transition: all .2s ease 0s; } [class*="avatar-slide-menu"] li.parent:hover > ul { opacity: 1; margin-left: auto; } .avatar-slide-menu-right li.parent:hover > ul { margin-right: auto; } /* sub-menu */ .avatar-slide-menu-left ul { left: 100%; top: 0; width: 250px; margin-left: -9999em; } .avatar-slide-menu-right ul { right: 100%; top: 0; width: 250px; margin-right: -9999em; } /* =============== TREE MENU =============== */ [class*="avatar-tree-menu"] { list-style: inside; font-size: 14px; background: #0071A5; } [class*="avatar-tree-menu"] ul { margin-left: 15px; } [class*="avatar-tree-menu"] li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } [class*="avatar-tree-menu"] li:last-child { border: none; } [class*="avatar-tree-menu"] li span, [class*="avatar-tree-menu"] li a { display: block; color: #fff; padding: 10px 10px 10px 20px; position: relative; text-transform: capitalize; background: url("../images/icons/white-square.png") 8px center no-repeat; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } [class*="avatar-tree-menu"].avatar-menu-icons li [class*="icons-"] { background-image: none; display: block; padding-left: 40px; position: relative; } [class*="avatar-tree-menu"].avatar-menu-icons li [class*="icons-"]:after { background: url("../images/icons/st-icon-sprite.png") no-repeat 0 0; content: " "; height: 24px; left: 10px; position: absolute; top: 10px; width: 24px; } [class*="avatar-tree-menu"].avatar-menu-icons.white li [class*="icons-"]:after { background-image: url("../images/icons/st-icon-sprite-white.png"); } [class*="avatar-tree-menu"].avatar-menu-icons.gold li [class*="icons-"]:after { background-image: url("../images/icons/st-icon-sprite-gold.png"); } [class*="avatar-tree-menu"] li.active > a, [class*="avatar-tree-menu"] li.current > a, [class*="avatar-tree-menu"] li a:hover { color: #FFFFDF; text-decoration: none; } [class*="avatar-tree-menu"] li a:hover, [class*="avatar-tree-menu"] li span:hover { margin-left: 10px; } /* ============================== MODULE ============================== */ /* =============== ICONS MODULE =============== */ .avatar-module[class*="icons-"], .avatar-module.white[class*="icons-"], .avatar-module.gold[class*="icons-"] { background-image: none; } .avatar-module[class*="icons-"] { padding-left: 0; display: block; } /* =============== MODULE STYLE =============== */ #avatar-full-1-block .avatar-module { margin-bottom: 50px; } #avatar-full-1-block .avatar-module:last-child { margin-bottom: 0; } .avatar-module[class*="st-module-"] { margin-bottom: 20px; line-height: 24px; } .st-module-intro .st-intro-heading { color: #FFFFDF; font-family: Tahoma, Geneva, sans-serif; font-size: 22px; text-transform: uppercase; } .st-module-intro .st-intro-content { color: #f2f2f2; font-size: 15px; margin-bottom: 20px; } .st-module-intro .st-intro-content strong { color: #FFFFDF; } .avatar-module .st-module-heading { font-size: 24px; line-height: 24px; margin: 0 0 15px; } .avatar-module[class*="st-module-"] .st-module-heading { line-height: 24px; margin: 0 0 15px; font-family: "open sans",Arial,Helvetica,sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; } .avatar-module[class*="icons-"][class*="st-module-"] { display: block; } .avatar-module[class*="icons-"][class*="st-module-"] [class*="st-module-"][class*="icons-"] { background-image: none; padding-left: 0; } .avatar-module[class*="st-module-"] { padding: 20px; } .avatar-module.st-module-special { padding: 0; } .avatar-module.st-module-special .st-module-heading { border-top: 3px double #A0B1C3; font-family: "Voltaire",Georgia,"Times New Roman",Times,serif; font-size: 35px; margin: 30px 0 0 0; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; color: #A0B1C3; background: none; line-height: 40px; padding: 0 10px; } .avatar-module.st-module-special .st-module-heading > span { background: #fff; display: inline-block; padding: 0 10px; position: relative; top: -24px; } #avatar-full-1-block .avatar-module.st-module-special .st-module-heading > span, #avatar-full-3-block .avatar-module.st-module-special .st-module-heading > span, #avatar-full-6-block .avatar-module.st-module-special .st-module-heading > span { background: #E4EBF3 url(../images/bg-light.jpg); } .avatar-module.st-module-3 a { color: #79D3FF; } .avatar-module.st-module-3 a:hover { color: #97F1FF; } .avatar-module.st-module-1, .avatar-module.st-module-2 { border: 1px solid #DBDBDB; background: #fff; } .avatar-module.st-module-3, .avatar-module.st-module-4 { color: #fff; } .avatar-module.st-module-2 .st-module-heading { border-bottom: 1px solid #cacaca; padding-bottom: 10px; } .avatar-module.st-module-3 { background: #0071A5; } .avatar-module.st-module-4 { background: #01AADF; } .avatar-module.st-module-5, .avatar-module.st-module-6 { background: #666; color: #FFFFDF; } .avatar-module.st-module-6 .st-module-heading { border-bottom: 1px solid #FFFFDF; padding-bottom: 10px; } .avatar-module.st-module-7, .avatar-module.st-module-8 { background: #484848; color: #fff; } .avatar-module.st-module-8 .st-module-heading { border-bottom: 1px solid #fff; padding-bottom: 10px; } .avatar-module.st-module-9, .avatar-module.st-module-10 { background: none; padding: 0; } .avatar-module.st-module-10 .st-module-heading { border-bottom: 1px solid #cacaca; padding-bottom: 10px; } #avatar-footer-inside-block .avatar-module { margin: 0 10px 30px; } #avatar-footer-inside-block .avatar-module.st-module-9, #avatar-footer-inside-block .avatar-module.st-module-10 { color: #fff; } #avatar-footer-inside-block .avatar-module:last-child { margin-bottom: 0; } /* =============== MODULE RELATED NEWS =============== */ [class*="st-related-news-style-"] .relateditems li { margin-bottom: 10px; } [class*="st-related-news-style-"] .relateditems li .title { font-size: 15px; } /* ======== module related news style 2 ======== */ .st-related-news-style-2 .relateditems li { float: left; width: 32%; margin-right: 2%; } .st-related-news-style-2 .relateditems li:last-child { margin-right: 0; } .st-related-news-style-2 .relateditems li .span4, .st-related-news-style-2 .relateditems li .span8 { width: 100%; margin: 0 0 10px; } /* =============== CUSTOM MODULE SERVICES =============== */ [class*="st-service-style-"] [class*="hexagon-"] { background: #01AADF url(../images/hexagon-spanner.png) 10px 10px no-repeat; background-size: 60px auto; padding: 10px 10px 10px 80px; min-height: 95px; text-align: left; border-radius: 3px; color: #fff; margin-bottom: 20px; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } [class*="st-service-style-"] [class*="hexagon-"]:hover { background-color: #0071A5; background-size: 80px auto; padding: 10px 10px 10px 100px; } [class*="st-service-style-"] [class*="hexagon-"] h3 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 300; font-size: 22px; line-height: 25px; margin: 10px 0; } [class*="st-service-style-"] .hexagon-bolt { background-image: url(../images/hexagon-bolt.png); } [class*="st-service-style-"] .hexagon-calendar { background-image: url(../images/hexagon-calendar.png); } [class*="st-service-style-"] .hexagon-clock { background-image: url(../images/hexagon-clock.png); } [class*="st-service-style-"] .hexagon-email { background-image: url(../images/hexagon-email.png); } [class*="st-service-style-"] .hexagon-pencil { background-image: url(../images/hexagon-pencil.png); } [class*="st-service-style-"] .hexagon-spanner { background-image: url(../images/hexagon-spanner.png); } /* ============================== ST CONTENT SHOWCASE ============================== */ .avatar-module .copyright { display: none; } /* =============== CONTENT WALL STYLE =============== */ [class*="st-wall-style-"] .category-wall { margin-bottom: 20px; text-align: right; } [class*="st-wall-style-"] .category-wall span { background: #A0B1C3; border: none; border-bottom: 3px solid #7E8FA1; color: #fff; cursor: pointer; margin: 0; padding: 5px 12px; text-transform: uppercase; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } [class*="st-wall-style-"] .category-wall span:hover { background: #398DB3; border-bottom-color: #21759B; } /* ======== style-1 ======== */ .st-wall-style-1 { color: #a0b1c3; } .st-wall-style-1 .title, .st-wall-style-1 .title a { font-size: 18px; color: #8b9aab; text-shadow: 1px 1px 2px #fff; margin: 5px 0; } .st-wall-style-1 .layout-wall .item .inner img { width: 180px; height: auto; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .st-wall-style-1 .layout-wall .item:hover img { width: 190px; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .st-wall-style-1 .layout-wall .item .category { display: none; } .st-wall-style-1 .layout-wall .item .description { line-height: 20px; } /* ======== style-2 ======== */ .st-wall-style-2 .layout-wall .inner { margin: 0; padding: 0; position: relative; overflow: hidden; color: #fff; } .st-wall-style-2 .layout-wall .inner .title { position: absolute; bottom: -100%; margin-right: 10px; right: 0; z-index: 10; text-indent: -9999em; width: 16px; height: 16px; color: #fff; background: url(../images/icons/icon-expand.png) no-repeat center top; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .st-wall-style-2 .layout-wall .inner .title a { display: block; width: 30px; height: 30px; } .st-wall-style-2 .layout-wall .inner > .info { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(139, 154, 171, 0.9); margin-top: 100%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .st-wall-style-2 .layout-wall .inner .info .category { display: none; } .st-wall-style-2 .layout-wall .inner .info .description { padding: 10px; text-align: left; } .st-wall-style-2 .layout-wall .inner:hover > .info { margin-top: 0; } .st-wall-style-2 .layout-wall .inner:hover .title { color: #21759B; bottom: 0; } /* ======== style-3 ======== */ .st-wall-style-3 .st-content-showcase-wall .inner { margin: 0; padding: 0; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; z-index: 1; } .st-wall-style-3 .st-content-showcase-wall .inner:hover { position: relative; z-index: 99; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .st-wall-style-3 .st-content-showcase-wall .inner .image_caption, .st-wall-style-3 .st-content-showcase-wall .inner .info { display: none; } /* ======== style-4 ======== */ .st-wall-style-4 .layout-wall .inner { margin: 5px; padding: 0; position: relative; overflow: hidden; color: #fff; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .st-wall-style-4 .layout-wall .inner .title { position: absolute; margin-right: 10px; right: 0; bottom: 0; z-index: 10; text-indent: -9999em; width: 16px; height: 16px; color: #fff; background: url(../images/icons/icon-expand.png) no-repeat center center; } .st-wall-style-4 .layout-wall .inner .title a { display: block; width: 30px; height: 30px; } .st-wall-style-4 .layout-wall .inner .media, .st-wall-style-4 .layout-wall .inner > .info { opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .st-wall-style-4 .layout-wall .inner > .info { position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; background: #0071A5; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .st-wall-style-4 .layout-wall .inner .info .category { display: none; } .st-wall-style-4 .layout-wall .inner .info .description { padding: 10px; text-align: left; } .st-wall-style-4 .layout-wall .item:hover .inner { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .st-wall-style-4 .layout-wall .item:hover .inner .media { opacity: 0; } .st-wall-style-4 .layout-wall .item:hover .inner .info { opacity: 1; } /* =============== CONTENT WALL STYLE - PORTFOLIO STYLE =============== */ [class*="portfolio-style-"] .st-content-showcase-wall .inner { text-align: left; background: #A0B1C3; line-height: 20px; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } [class*="portfolio-style-"] .st-content-showcase-wall .inner .media img { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } [class*="portfolio-style-"] .st-content-showcase-wall .inner:hover .media img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } [class*="portfolio-style-"] .st-content-showcase-wall .inner .category { display: none; } [class*="portfolio-style-"] .st-content-showcase-wall .inner .title { font-family: "open sans", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; } [class*="portfolio-style-"] .st-content-showcase-wall .inner .title a { color: #fff; } /* ======== style-1 ======== */ .portfolio-style-1 .st-content-showcase-wall .inner { color: #fff; background: #A0B1C3; } .portfolio-style-1 .st-content-showcase-wall .inner:hover { background: #0071A5; } .portfolio-style-1 .st-content-showcase-wall .inner .title, .portfolio-style-1 .st-content-showcase-wall .inner .description { padding: 0 10px; } /* ======== style-2 ======== */ .portfolio-style-2 .st-content-showcase-wall .inner { color: #fff; padding: 0; background: #A0B1C3; border-bottom: 3px solid #7E8FA1; } .portfolio-style-2 .st-content-showcase-wall .inner:hover { background: #398DB3; border-bottom-color: #21759B; } .portfolio-style-2 .st-content-showcase-wall .inner .title, .portfolio-style-2 .st-content-showcase-wall .inner .description { padding: 0 15px; } /* ======== style-3 ======== */ .portfolio-style-3 .st-content-showcase-wall .inner { padding: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } .portfolio-style-3 .st-content-showcase-wall .inner:hover { background: #0071A5; color: #fff; } .portfolio-style-3 .st-content-showcase-wall .inner .title, .portfolio-style-3 .st-content-showcase-wall .inner .description { padding: 15px; } .portfolio-style-3 .st-content-showcase-wall .inner .title { margin: 0; background: #484848; } /* ======== style-4 ======== */ .portfolio-style-4 .st-content-showcase-wall .inner { padding: 0; margin: 8px 5px; overflow: visible; } .portfolio-style-4 .st-content-showcase-wall .inner .title { margin: 0; padding: 10px 15px; } .portfolio-style-4 .st-content-showcase-wall .inner:hover .title { background: #21759B; } .portfolio-style-4 .st-content-showcase-wall .inner:hover .title a { color: #fff; } .portfolio-style-4 .st-content-showcase-wall .inner .description { padding: 0 15px; position: relative; } .portfolio-style-4 .st-content-showcase-wall .inner .title a { color: #21759B; } .portfolio-style-4 .st-content-showcase-wall .inner .info { background: #fff; position: relative; border: 1px solid #D5D5D5; border-top: none; } .portfolio-style-4 .st-content-showcase-wall .inner .info:before, .portfolio-style-4 .st-content-showcase-wall .inner .info:after { content: ""; position: absolute; height: 1px; background: #fff; border: 1px solid #D5D5D5; } .portfolio-style-4 .st-content-showcase-wall .inner .info:before { bottom: -2px; left: 0; right: 0; } .portfolio-style-4 .st-content-showcase-wall .inner .info:after { bottom: -4px; left: 1px; right: 1px; } /* =============== NEWS HORIZONTAL STYLE =============== */ [class*="st-news-horizonal-style-"] .st-news-horizonal .category { display: none; } /* ======== style-1 ======== */ .st-news-horizonal-style-1 .st-news-horizonal .contents .inner { margin-bottom: 30px; } .st-news-horizonal-style-1 .st-news-horizonal .inner .title { line-height: 25px; font-size: 18px; margin: 10px 0 5px; } .st-news-horizonal-style-1 .st-news-horizonal .inner .date { font-size: 11px; font-style: italic; font-weight: 300; } /* ======== style-2 ======== */ .st-news-horizonal-style-2 .st-news-horizonal .items:first-child .inner .image, .st-news-horizonal-style-2 .st-news-horizonal .items:first-child .inner .content { float: none; width: 100%; display: block; } .st-news-horizonal-style-2 .st-news-horizonal .items:first-child .inner .image { margin: 0 5px 10px 0; } .st-news-horizonal-style-2 .st-news-horizonal .items:first-child .inner .readmore { display: inline-block; } .st-news-horizonal-style-2 .st-news-horizonal .items { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; } .st-news-horizonal-style-2 .st-news-horizonal .inner .image { float: left; width: 31%; margin: 0 5px 0 0; } .st-news-horizonal-style-2 .st-news-horizonal .inner .title { font-size: 15px; margin: 0 0 2px; line-height: 20px; } .st-news-horizonal-style-2 .st-news-horizonal .inner .date { font-style: italic; margin-bottom: 5px; color: #7C7C7C; font-size: 11.5px; } .st-news-horizonal-style-2 .st-news-horizonal .inner .content, .st-news-horizonal-style-2 .st-news-horizonal .inner .readmore { display: none; } /* ======== style-3 ======== */ .st-news-horizonal-style-3 .st-news-horizonal .items { margin-bottom: 20px; } .st-news-horizonal-style-3 .st-news-horizonal .items:last-child { margin-bottom: 0; } .st-news-horizonal-style-3 .st-news-horizonal .inner { position: relative; text-align: center; overflow: hidden; } .st-news-horizonal-style-3 .st-news-horizonal .inner .image { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .st-news-horizonal-style-3 .st-news-horizonal .inner .title, .st-news-horizonal-style-3 .st-news-horizonal .inner .content, .st-news-horizonal-style-3 .st-news-horizonal .inner .readmore { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .st-news-horizonal-style-3 .st-news-horizonal .inner .title { position: absolute; top: 10%; color: #fff; font-size: 13px; margin: 0 0 5px; width: 96%; line-height: 16px; padding: 0 2%; } .st-news-horizonal-style-3 .st-news-horizonal .inner .title a { color: #fff; } .st-news-horizonal-style-3 .st-news-horizonal .inner .content { color: #fff; position: absolute; top: 20%; width: 96%; padding: 0 2%; font-size: 13px; line-height: 18px; opacity: 0; } .st-news-horizonal-style-3 .st-news-horizonal .inner .readmore { padding: 0; background: none; border: none; position: absolute; bottom: -10px; display: block; width: 100%; opacity: 0; } .st-news-horizonal-style-3 .st-news-horizonal .inner:hover { background: #01AADF; } .st-news-horizonal-style-3 .st-news-horizonal .inner:hover .image { visibility: hidden; } .st-news-horizonal-style-3 .st-news-horizonal .inner:hover .content { top: 35%; opacity: 1; } .st-news-horizonal-style-3 .st-news-horizonal .inner:hover .readmore { bottom: 10px; opacity: 1; } /* =============== SLIDER CONTENT =============== */ .st-slider-content-style-1 .st-slider-content .slide .inner { margin: 10px; padding: 0; position: relative; overflow: hidden; border-radius: 5px; } .st-slider-content-style-1 .st-slider-content .slide .inner img { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .st-slider-content-style-1 .st-slider-content .slide .inner .detail { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; text-align: center; background: rgba(139, 154, 171, 0.9); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .st-slider-content-style-1 .st-slider-content .slide .inner .detail .title { transform: translateY(-100px); opacity: 0; color: #fff; padding: 0 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .st-slider-content-style-1 .st-slider-content .slide .inner .detail .title a { color: #fff; } .st-slider-content-style-1 .st-slider-content .slide .inner .detail .content { opacity: 0; color: #fff; padding: 0 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .st-slider-content-style-1 .st-slider-content .slide .inner:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .st-slider-content-style-1 .st-slider-content .slide .inner:hover .detail { opacity: 1; } .st-slider-content-style-1 .st-slider-content .slide .inner:hover .detail .title, .st-slider-content-style-1 .st-slider-content .slide .inner:hover .detail .content { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .st-slider-content-style-1 .st-slider-content .slide .inner:hover .detail .content { transition-delay: 0.2s; } .st-slider-content-style-1 .st-slider-content .nav span { border-radius: 0; margin: 0 2px; width: 35px; height: 5px; border: none; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .st-slider-content-style-1 .st-slider-content .nav span:hover, .st-slider-content-style-1 .st-slider-content .nav span.active { background: #01AADF; } /* =============== GALLERY SLIDESHOW =============== */ .st-galleria-style-1 { border-top: 4px solid #2C2C2C; border-bottom: 4px solid #2C2C2C; } .st-galleria-style-1 .st-galleria .galleria-stage { left: 0; top: 0; right: 0; bottom: 0; } .st-galleria-style-1 .st-galleria .galleria-info { bottom: 80px; top: auto; left: 15%; } .st-galleria-style-1 .st-galleria .galleria-info-text { background: none; padding: 0; display: block; } .st-galleria-style-1 .st-galleria .galleria-info-text .galleria-info-title { background: rgba(0, 113, 165, 0.9); padding: 10px; margin-bottom: 10px; display: inline-block; font: 300 40px "open sans",Arial,Helvetica,sans-serif; } .st-galleria-style-1 .st-galleria .galleria-info-text .galleria-info-description { background: rgba(1, 170, 223, 0.9); padding: 10px; color: #fff; font: 300 22px "open sans",Arial,Helvetica,sans-serif; } .st-galleria-style-1 .st-galleria .galleria-thumbnails-list { top: 25px; } .st-galleria-style-1 .st-galleria .galleria-thumbnails-list .galleria-thumbnails { margin: 0 auto; } .st-galleria-style-1 .st-galleria .galleria-thumbnails-list .galleria-thumbnails .galleria-image { width: 35px; height: 5px; background: #FFFFDF; border: none; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .st-galleria-style-1 .st-galleria .galleria-thumbnails-list .galleria-thumbnails .galleria-image:hover, .st-galleria-style-1 .st-galleria .galleria-thumbnails-list .galleria-thumbnails .galleria-image.active { background: #01AADF; } /* =============== GALLERY SLIDESHOW FLEXSLIDER =============== */ .flexslider-style-1 .flexslider { background: none; border: none; box-shadow: none; } .flexslider-style-1 .flexslider .flex-control-nav { position: static; } .flexslider-style-1 .flexslider .slides img { width: 140px; height: auto; margin: 0 auto 165px; } .flexslider-style-1 .flexslider .slides .flex-caption { background: none; padding: 0; width: 100%; margin-bottom: 5px; } .flexslider-style-1 .flexslider .slides .flex-caption .title { display: none; } .flexslider-style-1 .flexslider .slides .flex-caption .desc { border-bottom: 1px solid #aeaeae; display: inline-block; padding: 0 10px 15px; line-height: 20px; } .flexslider-style-1 .flexslider .slides .flex-caption .client-name, .flexslider-style-1 .flexslider .slides .flex-caption .client-info { color: #aeaeae; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 300; } .flexslider-style-1 .flexslider .slides .flex-caption .client-name { font-size: 20px; line-height: 30px; margin: 0; font-weight: 400; } .flexslider-style-1 .flex-control-paging li a { background: #909090; } .flexslider-style-1 .flex-control-paging li a.flex-active, .flexslider-style-1 .flex-control-paging li a:hover { background: #ccc; } /* ============================== JOOMLA COMPONENT OVERRIDE ============================== */ /* =============== PAGINATION =============== */ .pagination ul, .pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-radius: 0; box-shadow: none; } .pagination ul li a, .pagination ul li span { background: #A1A1A1; color: #fff; border: none; margin-right: 3px; padding: 8px 12px; line-height: 100%; } .pagination ul li a { background: #4FB4F3; } .pagination ul li a:hover { background: #0A659E; } /* =============== COM BLOG =============== */ .item-page { margin: 20px 0; } .item-page.blog[class*="st-blog-style-"] .avatar-article-heading { font-size: 25px; line-height: 35px; } .item-page.st-module-intro { text-align: center; } .item-page.st-module-intro .avatar-page-heading { display: none; } .item-page ul, .item-page ol { margin: 10px 0; } .item-page ul li { list-style: square inside; } .item-page ul.pagenav { padding-top: 5px; border-top: 1px dotted #ccc; } .item-page ul.pagenav li { list-style: none; } .blog .category-desc { position: relative; margin: -20px 0 20px; } .blog .category-desc > img { width: 100%; } .blog .category-desc > p { position: absolute; top: 0; left: 0; padding: 10px; color: #fff; background: rgba(79, 180, 243, 0.6); } .blog .items-more { margin-top: 10px; } .blog .items-more h3 { font-size: 20px; } /* ======== Blog Featured ======== */ .blog-featured .avatar-page-heading { background: #4FB4F3; color: #fff; padding: 10px 10px 10px 40px; font-size: 20px; margin: 0 0 20px; line-height: 24px; position: relative; } .blog-featured .avatar-page-heading:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 10px; background: url("../images/icons/st-icon-sprite-white.png") 0 -1680px no-repeat; } .blog-featured .avatar-article-heading { font-size: 15px; line-height: 20px; margin: 0 0 5px; } .blog-featured .article-info-term { display: none; } .blog-featured .article-info { margin: 5px 0; font-style: italic; font-size: 11.5px; } /* ======== blog style ======== */ .blog { margin: 20px 0; } .blog .items-leading, .blog .items-row .item { padding: 20px 0; margin: 0; } .blog .avatar-page-subheading { background: #0071A5; color: #FFFFFF; font-size: 20px; line-height: 24px; margin: 0 0 20px; padding: 10px; text-transform: uppercase; font-family: "open sans",Arial,Helvetica,sans-serif; } .blog .avatar-article-heading { font-size: 15px; margin: 0; line-height: 20px; } .blog .article-tools { margin-bottom: 5px; } .blog .items-row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } .blog[class*="st-blog-style-"] .article-tools { display: none; } /* ======== blog style 1 ======== */ .blog.st-blog-style-1 .items-leading .row-fluid .span3, .blog.st-blog-style-1 .items-leading .row-fluid .span9 { margin: 0 0 10px; width: 100%; } .blog.st-blog-style-1 .items-leading .row-fluid [class*="img-intro-"] { margin-bottom: 10px; } .blog.st-blog-style-1 .items-leading { float: left; width: 40%; border-bottom: none; } .blog.st-blog-style-1 .items-row { float: right; width: 58%; clear: right; } .blog.st-blog-style-1 .items-row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } .blog.st-blog-style-1 .items-row.row-0 .item:first-child { padding-top: 20px; } .blog.st-blog-style-1 .items-row .item { margin-bottom: 10px; padding: 0 0 10px; } .blog.st-blog-style-1 .items-row .readmore, .blog.st-blog-style-1 .items-row .article-tools { display: none; } /* ======== blog style 2 - leading : 0 / intro : 10 / columns : 2 / links : 0 ======== */ .blog.st-blog-style-2 .items-row .item { float: left; width: 49%; } .blog.st-blog-style-2 .items-row .item:nth-child(even) { float: right; } .blog.st-blog-style-2 .items-row .readmore, .blog.st-blog-style-2 .items-row .article-tools { display: none; } /* ======== blog style 3 - leading : 0 / intro : 6 / columns : 2 / links : 0 ======== */ .blog.st-blog-style-3 .items-row .item { float: left; width: 49%; } .blog.st-blog-style-3 .items-row .item:nth-child(even) { float: right; } .blog.st-blog-style-3 .items-row .item .span3, .blog.st-blog-style-3 .items-row .item .span9 { width: 100%; margin: 0 0 10px; } .blog.st-blog-style-3 .avatar-article-heading { font-size: 16px; } /* ======== blog style 4 - leading : 0 / intro : 9 / columns : 3 / links : 0 ======== */ .blog.st-blog-style-4 .items-row .item { float: left; width: 32%; margin-right: 2%; padding: 10px 0 0; border-bottom: none; } .blog.st-blog-style-4 .items-row .item:nth-child(3) { margin-right: 0; } .blog.st-blog-style-4 .items-row .span3, .blog.st-blog-style-4 .items-row .span9 { width: 100%; margin: 0 0 10px; } .blog.st-blog-style-4 .items-row .readmore, .blog.st-blog-style-4 .items-row .article-tools { display: none; } /* ======== blog style 5 - leading : 0 / intro : 12 / columns : 4 / links : 0 ======== */ .blog.st-blog-style-5 .items-row .item { float: left; width: 24%; margin-right: 1.33%; padding: 10px 0 0; border-bottom: none; } .blog.st-blog-style-5 .items-row .item:nth-child(4) { margin-right: 0; } .blog.st-blog-style-5 .items-row .span3, .blog.st-blog-style-5 .items-row .span9 { width: 100%; margin: 0 0 10px; } .blog.st-blog-style-5 .items-row .readmore, .blog.st-blog-style-5 .items-row .article-tools { display: none; } /* =============== COM NEWSFEED =============== */ .newsfeed h1 { font-size: 28px; } .newsfeed h2 { font-size: 25px; } .newsfeed > h2, .newsfeed-category > h2 { color: #3A87AD; font-size: 25px; font-weight: 200; line-height: 30px; margin-bottom: 20px; } .newsfeed .feed-description { font-size: 17px; font-weight: 200; line-height: 25px; margin-bottom: 15px; } .newsfeed ol li { list-style-position: inside; margin-bottom: 15px; } /* =============== COM CONTACT =============== */ .jicons-none { display: none !important; } .contact .contact-links ul li { list-style: disc inside; margin-left: 5px; } .contact > h1, .contact-category > h2 { color: #3A87AD; font-size: 25px; font-weight: 200; line-height: 30px; margin-bottom: 20px; } .contact .contact-name { font-size: 25px; margin: 0; padding: 0; } .contact .contact-details { margin-bottom: 20px; } .contact .contact-details .contact-image{ float: right; padding: 3px; border: 1px solid #e3e3e3; background: #fff; margin: -14px 5px 10px 10px; } .contact fieldset { border: 1px solid #e3e3e3; padding: 10px; } .contact fieldset dt { float:left; width: 100px; } .contact fieldset dt label { margin: 5px 0; } .contact fieldset input, .contact fieldset textarea { width: 82%; border-radius: 0; background: none; border: 1px solid #e3e3e3; } .contact fieldset dd.send-copy { margin-left: 100px; } .contact fieldset dd.send-copy label, .contact fieldset dd.send-copy input { display: inline; width: 30px; margin: 0; } .contact fieldset dd.button { text-align: right; margin-right: 10px; } .contact legend { border: medium none; color: #777; font-size: 13.5px; margin: 0 20px; padding: 0 5px; width: auto; } .contact address { margin-bottom: 10px; background: url(../images/icons/contact.png) no-repeat 0px 2px; padding-left: 25px; } .contact .contact-emailto { margin-bottom: 10px; background: url(../images/icons/contact.png) no-repeat 0px -59px; padding-left: 25px; } .contact .contact-telephone { margin-bottom: 10px; background: url(../images/icons/contact.png) no-repeat 0px -30px; padding-left: 25px; } .contact .contact-webpage { margin-bottom: 10px; background: url(../images/icons/contact.png) no-repeat 0px -90px; padding-left: 25px; } .contact #contact-slider .panel { border: 1px solid #E5E5E5; border-radius: 4px; margin-bottom: 2px; } .contact #contact-slider .panel .title { font-weight: normal; margin: 0; padding: 0; line-height: 100%; } .contact #contact-slider .panel .title a { background: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding: 8px 15px; } .contact #contact-slider .panel .title a, .contact #contact-slider .panel .title a:visited, .contact #contact-slider .panel .title a:link { color: #21759B; } .contact #contact-slider .panel .title a:hover { color: #D54E21; } .contact #contact-slider .panel .pane-slider { margin: 0; } .contact #contact-slider .panel .pane-down { border-top: 1px solid #E5E5E5 !important; padding: 10px !important; } /* =============== COM SEARCH =============== */ #finder-search fieldset, #searchForm fieldset { margin-bottom: 15px; } #searchForm label { font-size: 13px; } #searchForm select { width: auto; padding: 3px; } #searchForm .phrases-box { margin: 0 0 10px 100px; } #searchForm .ordering { margin-right: 43px; } #searchForm .only > p { display: inline-block; margin-right: 22px; } .search .search-results li { padding: 8px; border: 1px solid #ccc; margin-bottom: 10px; } .search .search-results li .small { font-size: 11px; } /* =============== COM CATEGORY LIST =============== */ .categories-list, .category-list, .contact-category { margin: 20px 0; } /* ============================== K2 OVERRIDE ============================== */ #k2Container { padding: 20px 0; } #k2Container h1, #k2Container h2, #k2Container h3, #k2Container h4, #k2Container h5, #k2Container h6 { font-family: "Open Sans", Arial, Helvetica, sans-serif; } #k2Container ul li, #k2Container ol li { list-style-position: inside; } #k2Container .st-k2-article-toolbar, #k2Container .latestItemTagsBlock, #k2Container .catItemTagsBlock, #k2Container .userItemTagsBlock { background: #F6F6F6; margin: 5px 0 15px; padding: 10px; border: 1px solid #EAEAEA; font-size: 12px; } #k2Container .st-k2-article-toolbar .latestItemCategory { float: left; font-size: 12px; } #k2Container .st-k2-article-toolbar .latestItemDateCreated { float: right; font-size: 12px; } .k2Avatar img { border: 1px solid #DEDEDE; margin: 0 10px 0 0; } .k2FeedIcon { padding: 0; } /* =============== K2 MODULE CALENDAR =============== */ div.k2CalendarBlock { height: auto; margin: 0; } div.k2CalendarBlock table.calendar { width: 100%; } div.k2CalendarBlock table.calendar .calendarDate { padding: 5px 2px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } div.k2CalendarBlock table.calendar .calendarDate:hover { background: #4FB4F3; color: #fff; } div.k2CalendarBlock table.calendar .calendarToday { background: #1E83C2; } /* =============== K2 MODULE TAGS =============== */ div.k2TagCloudBlock a { padding: 4px 8px; color: #fff; background: #a0a0a0; margin: 2px; } div.k2TagCloudBlock a:hover { background: #0071A5; padding: 4px 8px; } /* =============== K2 MODULE CATEGORIES =============== */ div.k2CategoriesListBlock > ul > li { border-bottom: 1px dotted #C3C3C3; } div.k2CategoriesListBlock > ul > li:last-child { border-bottom: none; } div.k2CategoriesListBlock > ul > li a { display: block; padding: 10px 0; } div.k2CategoriesListBlock > ul > li a:hover { margin-left: 10px; } .st-module-7 .k2CategoriesListBlock li a:hover, .st-module-8 .k2CategoriesListBlock li a:hover { color: #fff; } .st-module-7 .k2CategoriesListBlock li a { color: #EBEBEB; } .st-module-8 .k2CategoriesListBlock li a { color: #C5FFFF; } .st-module-8 div.k2CategoriesListBlock > ul > li { border-bottom: 1px dotted #C5FFFF; } /* =============== K2 MODULE COMMENTS =============== */ div.k2LatestCommentsBlock > ul { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; } div.k2LatestCommentsBlock > ul > li { margin-bottom: 15px; padding: 10px; border: 1px dashed #ccc; background: #FFFFF0; } div.k2LatestCommentsBlock > ul > li.lastItem { margin-bottom: 0; } div.k2LatestCommentsBlock > ul > li:hover { background: #fff; } div.k2LatestCommentsBlock .lcComment { display: block; margin-bottom: 5px; min-height: 60px; } div.k2LatestCommentsBlock .lcUsername, div.k2LatestCommentsBlock .lcCommentDate { display: block; font-style: italic; font-size: 11px; } div.k2LatestCommentsBlock .lcUsername { color: #CDA016; } /* =============== K2 MODULE USERS =============== */ div.k2UsersBlock > ul > li { padding: 0; background: none; } div.k2UsersBlock > ul > li > h3 { font-size: 16px; border-bottom: 1px solid #E8E8E8; margin-bottom: 10px; } div.k2UsersBlock .ubUserItems li { list-style: disc inside; } /* =============== K2 MODULE USER =============== */ div.k2LoginBlock fieldset.input input.button, div.k2UserBlock input.ubLogout { background: #FFFFFF; border: 1px solid #CCCCCC; color: #939393; padding: 5px 10px; border-radius: 3px; } div.k2UserBlock .k2UserBlockActions { font-size: 13px; margin: 8px 0; } /* =============== K2 MODULE CONTENT =============== */ div.k2ItemsBlock > ul { border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px; } div.k2ItemsBlock > ul > li { padding: 0; background: none; border: none; margin-bottom: 10px; } div.k2ItemsBlock .moduleItemAuthor > p { display: none; } div.k2ItemsBlock ul li div.moduleItemIntrotext { line-height: inherit; } div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage { display: block; text-align: center; margin: 5px 0; } div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img { border: none; float: none; margin: 0; padding: 0; width: 100%; } div.k2ItemsBlock ul li span.moduleItemDateCreated, div.k2ItemsBlock ul li a.moduleItemCategory { font-style: italic; font-size: 12px; } div.k2ItemsBlock ul li div.moduleItemTags, div.k2ItemsBlock ul li span.moduleItemHits, div.k2ItemsBlock ul li a.moduleItemReadMore { font-size: 12px; font-style: italic; } div.k2ItemsBlock ul li span.moduleItemHits, div.k2ItemsBlock ul li a.moduleItemReadMore { display: block; } div.k2ItemsBlock ul li span.moduleItemHits { border: none; padding: 0; margin: 0; } div.k2ItemsBlock ul li a.moduleItemReadMore { text-decoration: underline; text-align: right; } /* =============== K2 ITEM VIEW =============== */ #k2Container.itemView.itemIsFeatured { background: none; } #k2Container.itemView.itemIsFeatured .itemTitle sup { color: #fff; background: #CF1919; padding: 2px 8px; border-radius: 3px; } #k2Container.itemView .itemHeader .itemTitle { margin: 5px 0 20px; padding: 0; font-size: 25px; color: #21759B; } #k2Container.itemView .itemRatingBlock { line-height: 25px; } #k2Container.itemView .itemToolbar { background: none; border: none; padding: 0; margin: 0; } #k2Container.itemView .itemToolbar ul { text-align: left; } #k2Container.itemView .itemToolbar ul li:first-child { padding-left: 0; } #k2Container.itemView .itemToolbar .itemRatingBlock { padding: 10px 0 0; } #k2Container.itemView .itemToolbar .itemRatingList li { border: none; } #k2Container.itemView .itemCategory { border: none; padding: 0; } #k2Container.itemView .itemRatingBlock { padding: 0; margin-bottom: 5px; } #k2Container.itemView .itemLinks { background: #F6F6F6; border: 1px solid #EAEAEA; font-size: 12px; margin: 0 0 15px; padding: 10px; } #k2Container.itemView .itemLinks .itemTagsBlock { padding: 0; border: none; } #k2Container.itemView .itemLinks .itemTagsBlock span, #k2Container.itemView .itemLinks .itemCategory span { font-weight: normal; padding: 0; margin-right: 5px; } #k2Container.itemView .itemIntroText { font-weight: normal; color: #777; font-size: 15px; } #k2Container.itemView .itemImageBlock { padding: 0; } #k2Container.itemView .itemImageBlock .itemImage img { border: none; padding: 0; } #k2Container.itemView .itemImageBlock .itemImageCaption { display: block; text-align: center; float: none; } #k2Container.itemView .itemDateModified { font-style: italic; font-size: 12px; text-align: right; } #k2Container.itemView .itemContentFooter { text-align: left; padding: 10px 0; border-bottom: 1px dotted #ccc; border-top: none; } #k2Container.itemView .itemAuthorName { font-size: 20px; margin: 0; } #k2Container.itemView .itemAuthorUrl { margin-bottom: 10px; padding: 4px 0; } #k2Container.itemView .itemAuthorLatest { margin: 15px 0 0; } #k2Container.itemView .itemAuthorLatest > h3 { font-size: 16.5px; margin: 0; } #k2Container.itemView .itemAuthorLatest li, #k2Container.itemView .itemRelated li, #k2Container.itemView .itemNavigation li { background: none; padding: 2px 0; list-style: disc inside; border: none; margin-left: 8px; } #k2Container.itemView .itemNavigation li a { padding: 0; } #k2Container.itemView .itemRelated, #k2Container.itemView .itemNavigation { border-top: 1px dotted #ccc; } #k2Container.itemView .itemRelated > h3, #k2Container.itemView .itemNavigation > h3, #k2Container.itemView .itemCommentsCounter { font-size: 20px; margin: 15px 0 0; } #k2Container.itemView .itemNavigation { background: none; padding: 0; border-bottom: none; } #k2Container.itemView .itemComments { margin-bottom: 15px; background: none; border: none; border-top: 1px dotted #ccc; padding: 0; } #k2Container.itemView .itemCommentsList img { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } #k2Container.itemView .itemCommentsWrapper { margin-left: 48px; padding-left: 20px; font-size: 13px; } #k2Container.itemView .itemCommentsWrapper > p { margin-bottom: 3px; padding: 0; } #k2Container.itemView .itemCommentsWrapper > p.commentText { margin: 8px 0; } #k2Container.itemView .itemCommentsWrapper .commentLink { text-align: right; font-size: 12px; } #k2Container.itemView p.itemCommentsFormNotes { padding-top: 8px; } #k2Container.itemView input#submitCommentButton { padding: 10px 15px; line-height: 100%; text-align: center; text-transform: uppercase; color: #fff; background: #A0B1C3; font-size: 12px; border: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #k2Container.itemView input#submitCommentButton:hover { background: #398DB3; } #k2Container.itemView ul.itemCommentsList li { padding: 8px 0; background: none; border-bottom: 1px solid #ccc; } /* =============== K2 TAG VIEW =============== */ #k2Container.tagView .tagItemView { margin: 0 0 15px; padding: 0 0 20px; } #k2Container.tagView .tagItemHeader { margin-bottom: 15px; } #k2Container.tagView .tagItemTitle { margin: 0 0 10px 0; } #k2Container.tagView .st-k2-article-toolbar .tagItemCategory { border-right: none; margin: 0; padding: 0; } #k2Container.tagView .st-k2-article-toolbar .tagItemDateCreated { float: right; color: inherit; font-size: inherit; } #k2Container.tagView .tagItemImageBlock { float: none; margin-bottom: 10px; } #k2Container.tagView .tagItemImage { margin: 0; } #k2Container.tagView .tagItemImage img { border: none; padding: 0; } #k2Container.tagView .tagItemIntroText { font-size: 14px; line-height: 2; } /* =============== K2 USER VIEW =============== */ #k2Container.userView .userBlock > h2 { font-size: 20px; margin: 0; } #k2Container.userView .userBlock .userAdditionalInfo { margin: 0 0 10px; } #k2Container.userView .userItemView { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #k2Container.userView .userItemTitle { margin: 0 0 10px; } #k2Container.userView .userItemImageBlock { float: none; } #k2Container.userView .userItemImage img { border: none; padding: 0; width: 100% !important; } #k2Container .st-k2-article-toolbar .userItemCategory { float: left; font-size: 12px; } #k2Container .st-k2-article-toolbar .userItemDateCreated { float: right; font-size: 12px; color: inherit; } /* =============== K2 ITEM LIST VIEW =============== */ #k2Container.itemListView .st-k2-article-toolbar > span { display: block; float: left; clear: left; } #k2Container.itemListView .st-k2-article-toolbar .catItemDateCreated { text-align: right; } #k2Container.itemListView .itemContainer { margin: 0 0 15px; padding: 0 0 20px; border-bottom: 1px dotted #ccc; } #k2Container.itemListView .catItemImage img { border: none; padding: 0; } #k2Container.itemListView .catItemImageBlock, #k2Container.itemListView .catItemView { padding: 0; } #k2Container.itemListView .catItemTitle { padding: 10px 0; } #k2Container.itemListView .catItemAuthor { display: inline; } #k2Container.itemListView #itemListPrimary .catItemView { padding: 10px; } #k2Container.itemListView #itemListPrimary { margin: 0 -10px; } #k2Container.itemListView #itemListPrimary .itemContainer { border: none; } #k2Container.itemListView #itemListLinks .catItemView { padding: 5px; } #k2Container.itemListView #itemListLinks .catItemView .catItemTitle { font-size: 15px; margin: 0; line-height: 18px; } /* =============== K2 LATEST VIEW =============== */ #k2Container.latestView .latestItemView { border-bottom: 1px dotted #CCCCCC; margin-bottom: 20px; padding-bottom: 20px; } #k2Container.latestView .latestItemTitle { margin: 0 0 10px; font-size: 24px; } #k2Container.latestView span.latestItemImage img { border: none; padding: 0; } #k2Container.latestView .latestItemImageBlock { float: none; } #k2Container.latestView .latestItemsUser > h2 { font-size: 20px; margin: 0; } #k2Container.latestView .latestItemsUser .latestItemsUserAdditionalInfo { margin: 0 0 10px; } /* =============== K2 Paginate =============== */ .k2Pagination ul li { padding: 0 10px; } .k2Pagination ul, .k2Pagination ul > li:first-child > a, .k2Pagination ul > li:first-child > span, .k2Pagination ul > li:last-child > a, .k2Pagination ul > li:last-child > span { border-radius: 0; box-shadow: none; } .k2Pagination ul li a, .k2Pagination ul li span { float: left; background: #A1A1A1; color: #fff; border: none; margin-right: 3px; padding: 8px 12px; line-height: 100%; font-family: "oswaldbook",Arial,Helvetica,sans-serif; } .k2Pagination ul li a { background: #4FB4F3; } .k2Pagination ul li a:hover { background: #0A659E; } /* =============== K2 Generic View =============== */ .genericView .genericItemView { margin: 0 0 15px; padding: 0 0 20px; } .genericView .genericItemHeader .genericItemTitle { margin-bottom: 10px; } .genericView .genericItemImageBlock { float: none; margin-bottom: 10px; } .genericView .genericItemImageBlock .genericItemImage { margin: 0; } .genericView .genericItemImageBlock .genericItemImage img { border: none; padding: 0; width: 100%; } .genericView .genericItemIntroText { font-size: 14px; } /* ============================== KUNENA FORUM OVERRIDE ============================== */ #Kunena { padding: 20px 0; } #Kunena + div { margin-bottom: 20px; } #Kunena td, #Kunena table, #Kunena th, #Kunena div, #Kunena p, #Kunena span { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; } #Kunena #ktab a { padding: 5px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #Kunena #ktop span.ktoggler { padding: 5px; margin: -22px 0px; } #Kunena a.close { opacity: 1; } #Kunena div.kblock span.ktoggler { top: 5px; right: -5px; } #Kunena .k_guest { margin-bottom: 5px; } #Kunena tr.krow1 td { background: none; } #Kunena .klist-markallcatsread { margin: 10px 0; } #Kunena .kbutton, #user-registration .validate { color: #fff; background: #5388B4; border: none; padding: 5px 10px; } #Kunena .kbutton:hover, #Kunena .kbutton:focus, #user-registration .validate:hover { color: #fff; background: #366B97; border: none; padding: 5px 10px; } #Kunena select, #Kunena select:focus, #Kunena select:hover, #Kunena .klist-times-all .inputboxusl, #Kunena .klist-jump-all form .inputbox { border: 1px solid #ccc; font-size: 0.9em; padding: 3px 5px; } #Kunena div.kblock > div.kheader, #Kunena .kblock div.kheader { padding: 5px 10px; } #Kunena .kwhoonline { padding-bottom: 0; border: none; } #Kunena #kfrontstats { font-size: 0.9em; } #Kunena fieldset, #Kunena fieldset legend { border: none; } #Kunena fieldset legend { line-height: 100%; } #Kunena #kforumsearch tr.krow1 td { padding: 10px 8px; } #user-registration { padding: 20px 0; } #user-registration label { float: left; margin: 5px 8px 0 0; } /* ============================== POSITION STYLE ============================== */ #avatar-tool-block { background: url(../images/bg-transparent-top.png) left top repeat-x, url(../images/bg-transparent-bottom.png) left bottom repeat-x, url(../images/wood-background.jpg) fixed center top #8D8D8D; text-align: center; padding: 30px 0 10px; } #avatar-tool-block .avatar-module { margin-bottom: 30px; } #avatar-pos-breadcrumbs { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px dotted #ddd; } /* ============================== ST ICONS ASSIGNMENT ============================== */ .avatar-menu-icons [class*="icons-"], [class*="icons-"], .avatar-module[class*="icons-"] .st-module-heading span span { background: url(../images/icons/st-icon-sprite.png) 0 0 no-repeat; padding-left: 30px; display: inline-block; line-height: 24px; } .avatar-menu-icons.white [class*="icons-"], [class*="icons-"].white, .avatar-module[class*="icons-"].white .st-module-heading span span { background-image: url(../images/icons/st-icon-sprite-white.png); } .avatar-menu-icons.gold [class*="icons-"], [class*="icons-"].gold, .avatar-module[class*="icons-"].gold .st-module-heading span span { background-image: url(../images/icons/st-icon-sprite-gold.png); } /* =============== MAIN MENU ICONS =============== */ [class*="avatar-main-menu"].avatar-menu-icons > li > [class*="icons-"] { padding: 30px 0 0 0; } [class*="avatar-main-menu"].avatar-menu-icons ul li { padding: 8px 10px; } [class*="avatar-main-menu"].avatar-menu-icons ul li span, [class*="avatar-main-menu"].avatar-menu-icons ul li a { display: block; padding: 0; line-height: 24px; } [class*="avatar-main-menu"].avatar-menu-icons ul li [class*="icons-"] { padding-left: 30px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-clock { background-position: center 0; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-download { background-position: center -84px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-edit { background-position: center -168px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-graph { background-position: center -252px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-grid { background-position: center -336px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-heart { background-position: center -420px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-help { background-position: center -504px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-home { background-position: center -588px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-image { background-position: center -672px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-info { background-position: center -756px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-like { background-position: center -840px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-mail { background-position: center -924px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-mark { background-position: center -1008px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-marker { background-position: center -1092px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-phone { background-position: center -1176px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-photo { background-position: center -1260px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-pin { background-position: center -1344px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-rss { background-position: center -1428px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-screen { background-position: center -1512px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-setting { background-position: center -1596px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-star { background-position: center -1680px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-tag { background-position: center -1764px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-twitter { background-position: center -1848px; } /* =============== DEFAULT =============== */ .icons-clock, .avatar-menu-icons .icons-clock, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-clock:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-clock:after, .avatar-module.icons-clock .st-module-heading span span { background-position: 0 0; } .icons-download, .avatar-menu-icons .icons-download, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-download:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-download:after, .avatar-module.icons-download .st-module-heading span span { background-position: 0 -84px; } .icons-edit, .avatar-menu-icons .icons-edit, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-edit:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-edit:after, .avatar-module.icons-edit .st-module-heading span span { background-position: 0 -168px; } .icons-graph, .avatar-menu-icons .icons-graph, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-graph:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-graph:after, .avatar-module.icons-graph .st-module-heading span span { background-position: 0 -252px; } .icons-grid, .avatar-menu-icons .icons-grid, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-grid:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-grid:after, .avatar-module.icons-grid .st-module-heading span span { background-position: 0 -336px; } .icons-heart, .avatar-menu-icons .icons-heart, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-heart:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-heart:after, .avatar-module.icons-heart .st-module-heading span span { background-position: 0 -420px; } .icons-help, .avatar-menu-icons .icons-help, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-help:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-help:after, .avatar-module.icons-help .st-module-heading span span { background-position: 0 -504px; } .icons-home, .avatar-menu-icons .icons-home, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-home:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-home:after, .avatar-module.icons-home .st-module-heading span span { background-position: 0 -588px; } .icons-image, .avatar-menu-icons .icons-image, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-image:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-image:after, .avatar-module.icons-image .st-module-heading span span { background-position: 0 -672px; } .icons-info, .avatar-menu-icons .icons-info, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-info:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-info:after, .avatar-module.icons-info .st-module-heading span span { background-position: 0 -756px; } .icons-like, .avatar-menu-icons .icons-like, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-like:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-like:after, .avatar-module.icons-like .st-module-heading span span { background-position: 0 -840px; } .icons-mail, .avatar-menu-icons .icons-mail, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-mail:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-mail:after, .avatar-module.icons-mail .st-module-heading span span { background-position: 0 -924px; } .icons-mark, .avatar-menu-icons .icons-mark, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-mark:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-mark:after, .avatar-module.icons-mark .st-module-heading span span { background-position: 0 -1008px; } .icons-marker, .avatar-menu-icons .icons-marker, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-marker:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-marker:after, .avatar-module.icons-marker .st-module-heading span span { background-position: 0 -1092px; } .icons-phone, .avatar-menu-icons .icons-phone, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-phone:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-phone:after, .avatar-module.icons-phone .st-module-heading span span { background-position: 0 -1176px; } .icons-photo, .avatar-menu-icons .icons-photo, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-photo:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-photo:after, .avatar-module.icons-photo .st-module-heading span span { background-position: 0 -1260px; } .icons-pin, .avatar-menu-icons .icons-pin, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-pin:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-pin:after, .avatar-module.icons-pin .st-module-heading span span { background-position: 0 -1344px; } .icons-rss, .avatar-menu-icons .icons-rss, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-rss:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-rss:after, .avatar-module.icons-rss .st-module-heading span span { background-position: 0 -1428px; } .icons-screen, .avatar-menu-icons .icons-screen, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-screen:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-screen:after, .avatar-module.icons-screen .st-module-heading span span { background-position: 0 -1512px; } .icons-setting, .avatar-menu-icons .icons-setting, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-setting:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-setting:after, .avatar-module.icons-setting .st-module-heading span span { background-position: 0 -1596px; } .icons-star, .avatar-menu-icons .icons-star, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-star:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-star:after, .avatar-module.icons-star .st-module-heading span span { background-position: 0 -1680px; } .icons-tag, .avatar-menu-icons .icons-tag, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-tag:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-tag:after, .avatar-module.icons-tag .st-module-heading span span { background-position: 0 -1764px; } .icons-twitter, .avatar-menu-icons .icons-twitter, [class*="avatar-tree-menu"].avatar-menu-icons li .icons-twitter:after, [class*="avatar-slide-menu"].avatar-menu-icons li .icons-twitter:after, .avatar-module.icons-twitter .st-module-heading span span { background-position: 0 -1848px; } /* =============== SOCIAL ICONS =============== */ .st-socials [class*="social-"] { text-align: left; display: inline-block; width: 55px; height: 63px; margin: 3px; text-indent: -9999em; background: url(../images/icons/social.png) 0 0 no-repeat; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .st-socials .social-behance{ background-position: 0 0; } .st-socials .social-behance:hover{ background-position: 0 -64px; } .st-socials .social-deviantart{ background-position: 0 -128px; } .st-socials .social-deviantart:hover{ background-position: 0 -192px; } .st-socials .social-dribbble{ background-position: 0 -256px; } .st-socials .social-dribbble:hover{ background-position: 0 -320px; } .st-socials .social-facebook{ background-position: 0 -384px; } .st-socials .social-facebook:hover{ background-position: 0 -448px; } .st-socials .social-googleplus{ background-position: 0 -512px; } .st-socials .social-googleplus:hover{ background-position: 0 -576px; } .st-socials .social-instagram{ background-position: 0 -640px; } .st-socials .social-instagram:hover{ background-position: 0 -704px; } .st-socials .social-linkedin{ background-position: 0 -768px; } .st-socials .social-linkedin:hover{ background-position: 0 -832px; } .st-socials .social-pinterest{ background-position: 0 -896px; } .st-socials .social-pinterest:hover{ background-position: 0 -960px; } .st-socials .social-tumblr{ background-position: 0 -1024px; } .st-socials .social-tumblr:hover{ background-position: 0 -1088px; } .st-socials .social-twitter{ background-position: 0 -1152px; } .st-socials .social-twitter:hover{ background-position: 0 -1216px; } .st-socials .social-vimeo{ background-position: 0 -1280px; } .st-socials .social-vimeo:hover{ background-position: 0 -1344px; } .st-socials .social-youtube{ background-position: 0 -1408px; } .st-socials .social-youtube:hover{ background-position: 0 -1472px; } /* =============== TEAM SOCIAL ICONS =============== */ .st-team-socials [class*="social"] { display: inline-block; width: 25px; height: 25px; margin: 0 1px; text-align: left; text-indent: -999999em; background: url(../images/icons/st-team-socials.png) no-repeat; } .st-team-socials .social-facebook { background-position: 0 0; } .st-team-socials .social-google { background-position: 0 -50px; } .st-team-socials .social-linkedin { background-position: 0 -100px; } .st-team-socials .social-mail { background-position: 0 -150px; } .st-team-socials .social-twitter { background-position: 0 -200px; } .st-team-socials .social-vimeo { background-position: 0 -250px; } .st-team-socials .social-youtube { background-position: 0 -300px; } /* ============================== GO TO TOP ============================== */ #avatar-go-to-top { background: rgba(0, 0, 0, 0.7) url(../images/icons/go-to-top.png) center center no-repeat; color: #fff; position: fixed; right: 10px; bottom: 10px; z-index: 1000; height: 45px; width: 45px; padding: 0; border: none; text-decoration: none; text-indent: -9999em; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } #avatar-go-to-top:hover { background-color: #4FB4F3; } /* ============================== RESPONSIVE ============================== */ /* Default color */ .avatar-template-logo { background: url('../images/logo.png') no-repeat; min-height: 40px; width: 100%; } .avatar-template-logo a { min-height: 45px; width: 100%; display: block; text-indent: -99999em; } @media (max-width: 1024px) { /* * Responsive Menu */ body.avatar-responsive [class*="avatar-main-menu"] { float: none; display: block; text-align: left; } body.avatar-responsive [class*="avatar-main-menu"]:after { position: relative; bottom: -8px; } body.avatar-responsive [class*="avatar-main-menu"] > li { padding: 3px 0; } body.avatar-responsive [class*="avatar-main-menu"] li { background: none; } body.avatar-responsive ul[class*="avatar-main-menu"] > li > a, body.avatar-responsive ul[class*="avatar-main-menu"] > li > span { min-height: 0; } body.avatar-responsive .avatar-nav-responsive .pull { background: url("../images/icons/nav-pull.png") no-repeat scroll center center transparent; cursor: pointer; display: block; height: 18px; position: absolute; right: 0; width: 40px; border: none; padding: 0; z-index: 9999; } body.avatar-responsive .avatar-nav-responsive > ul ul .pull { height: 40px; } body.avatar-responsive .avatar-nav-responsive > ul > li { display: block; width: 100%; float: left; margin: 0 0 10px 0; } body.avatar-responsive .avatar-nav-responsive li.parent { background-image: none; } body.avatar-responsive .avatar-nav-responsive li:hover > ul { display: none; } body.avatar-responsive .avatar-nav-responsive li ul { position: relative; display: none; background: none; margin: auto; opacity: 1; margin-left: 20px; } body.avatar-responsive .avatar-nav-responsive ul { width: auto; padding: 0; left: 0; top: 0; } body.avatar-responsive [class*="avatar-main-menu"] > li:hover >span, body.avatar-responsive [class*="avatar-main-menu"] > li:hover >a, body.avatar-responsive [class*="avatar-main-menu"] >li.active >span, body.avatar-responsive [class*="avatar-main-menu"] >li.active >a { color: #fff; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons li [class*="icons-"] { padding: 0 0 0 30px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-clock { background-position: left 0; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-download { background-position: left -84px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-edit { background-position: left -168px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-graph { background-position: left -252px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-grid { background-position: left -336px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-heart { background-position: left -420px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-help { background-position: left -504px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-home { background-position: left -588px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-image { background-position: left -672px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-info { background-position: left -756px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-like { background-position: left -840px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-mail { background-position: left -924px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-mark { background-position: left -1008px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-marker { background-position: left -1092px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-phone { background-position: left -1176px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-photo { background-position: left -1260px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-pin { background-position: left -1344px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-rss { background-position: left -1428px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-screen { background-position: left -1512px; } [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-setting { background-position: left -1596px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-star { background-position: left -1680px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-tag { background-position: left -1764px; } body.avatar-responsive [class*="avatar-main-menu"].avatar-menu-icons > li > .icons-twitter { background-position: left -1848px; } /* * Responsive Content */ body.avatar-responsive #avatar-pos-main-body { padding: 0 10px; margin: 0; } body.avatar-responsive .item-page, body.avatar-responsive .blog[class*="st-blog-style"] { margin: 20px 0; } body.avatar-responsive #avatar-pos-content-user-1 .avatar-module, body.avatar-responsive #avatar-pos-content-user-3 .avatar-module { margin-right: 0; } body.avatar-responsive #avatar-pos-content-user-2 .avatar-module, body.avatar-responsive #avatar-pos-content-user-4 .avatar-module { margin-left: 0; } body.avatar-responsive #avatar-right_inner { margin-left: 0; } body.avatar-responsive #avatar-left_inner { margin-right: 0; } /* * Responsive featured news */ body.avatar-responsive .blog-featured .items-leading, body.avatar-responsive .blog-featured .items-row { width: 100%; } body.avatar-responsive .blog-featured .items-leading { margin-bottom: 20px; } body.avatar-responsive .blog-featured [class*="img-intro-"] { margin-bottom: 10px; } body.avatar-responsive .blog-featured [class*="img-intro-"] img { width: 100%; } /* * Responsive Module */ body.avatar-responsive .avatar-module { margin: 10px 10px 20px; } body.avatar-responsive .avatar-module[class*="st-latestnews-style-"] img, body.avatar-responsive .avatar-module .st-news-horizonal img { width: 100%; } body.avatar-responsive .avatar-module[class*="st-latestnews-style-"] li .span4, body.avatar-responsive .avatar-module[class*="st-news-horizontal-style-"] .st-news-horizonal .span4 { margin-bottom: 10px; } /* * Responsive Blog style */ body.avatar-responsive .blog[class*="st-blog-style-"] [class*="img-intro-"] img, body.avatar-responsive .blog[class*="st-blog-style-"] [class*="items-"] { width: 100%; } body.avatar-responsive .blog[class*="st-blog-style-"] [class*="img-intro-"] { margin-bottom: 10px; } /* * Responsive Footer */ body.avatar-responsive [id*="avatar-pos-footer-"] { margin-bottom: 20px; } } @media (max-width: 767px) { /* * Responsive Blog style */ body.avatar-responsive .blog.st-blog-style-5 .items-row .item { width: 49%; margin-right: 2%; } body.avatar-responsive .blog.st-blog-style-5 .items-row .item:nth-child(even) { margin-right: 0; } /* * Responsive module */ body.avatar-responsive .avatar-module[class*="st-module-"] { padding: 20px; } body.avatar-responsive .avatar-module.st-module-9, body.avatar-responsive .avatar-module.st-module-10, body.avatar-responsive .avatar-module.st-galleria-style-1 { padding: 0; } } @media (max-width: 480px) { .avatar-template-logo { background-position: center top; } /* * Responsive Menu */ .avatar-nav-responsive { position: relative; } body.avatar-responsive .avatar-nav-responsive > ul > li { display: block; width: 100%; float: none; } body .contact .contact-details .contact-image { float: none; } body.avatar-responsive [id*="avatar-pos-content"] { float: none !important; } /* * Responsive Content */ body.avatar-responsive #avatar-pos-content-user-1 .avatar-module, body.avatar-responsive #avatar-pos-content-user-2 .avatar-module, body.avatar-responsive #avatar-pos-content-user-3 .avatar-module, body.avatar-responsive #avatar-pos-content-user-4 .avatar-module { margin: 10px; } /* * Responsive Blog style */ body.avatar-responsive .blog[class*="st-blog-style-"] .items-row .item { width: 100%; } /* * Responsive k2 */ #k2Container.latestView span.latestItemImage img { width: 100% !important; } }