/* ============================== DEFAULT HTML ============================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://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: 13px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
background: #fff;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
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: #7EBBD6;
-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: #F1C98D;
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,
#k2Container .latestItemImage,
.k2ItemsBlock .moduleItemImage,
#k2Container .tagItemImage a,
#k2Container .userItemImage,
#k2Container .catItemImage,
#k2Container .genericItemImage {
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,
#k2Container .latestItemImage img,
.k2ItemsBlock .moduleItemImage img,
#k2Container .tagItemImage a img,
#k2Container .userItemImage img,
#k2Container .catItemImage img,
#k2Container .genericItemImage 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,
#k2Container .latestItemImage:hover img,
.k2ItemsBlock .moduleItemImage:hover img,
#k2Container .tagItemImage a:hover img,
#k2Container .userItemImage:hover img,
#k2Container .catItemImage:hover img,
#k2Container .genericItemImage: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,
#k2Container .latestItemImage a,
.k2ItemsBlock .moduleItemImage,
#k2Container .tagItemImage a,
#k2Container .userItemImage a,
#k2Container .catItemImage a,
#k2Container .genericItemImage 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,
#k2Container .latestItemImage a:after,
.k2ItemsBlock .moduleItemImage:after,
#k2Container .tagItemImage a:after,
#k2Container .userItemImage a:after,
#k2Container .catItemImage a:after,
#k2Container .genericItemImage 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,
#k2Container .latestItemImage:hover a:after,
.k2ItemsBlock .moduleItemImage:hover:after,
#k2Container .tagItemImage a:hover:after,
#k2Container .userItemImage:hover a:after,
#k2Container .catItemImage:hover a:after,
#k2Container .genericItemImage:hover a:after {
opacity: 1;
background-position: center center;
}
#k2Container .tagItemImage a {
display: inline-block;
}
/* =============== 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;
}
/* =============== 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: #e7ebf1;
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: #40404C;
padding: 20px 0;
}
#avatar-footer-block {
background: #272B35;
padding: 20px 0;
}
#avatar-footer-block .st-copyright {
text-align: center;
}
#avatar-footer-block .avatar-module.st-module-special .avatar-module-heading {
text-shadow: 1px 1px 1px #5A5A5A;
}
#avatar-footer-block .avatar-module.st-module-special .avatar-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;
}
[class*="avatar-main-menu"]:after {
content: "";
position: absolute;
width: 100%;
border-bottom: 1px solid #FFFFDF;
left: 0;
bottom: 0;
}
[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: 14px;
text-transform: uppercase;
color: #FFFFDF;
text-shadow: 1px 1px 2px #333;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
ul[class*="avatar-main-menu"] > li.active > a,
ul[class*="avatar-main-menu"] > li > a:hover {
color: #FFD67E;
}
[class*="avatar-main-menu"] > li {
float: left;
font-size: 14px;
padding: 16px 10px;
margin: 0 10px;
-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: uppercase;
font-size: 0.9em;
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: 180px;
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;
width: 100%;
}
[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(13, 34, 102, 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 .avatar-module-heading {
font-size: 24px;
line-height: 24px;
margin: 0 0 15px;
}
.avatar-module[class*="st-module-"] .avatar-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 .avatar-module-heading {
border-top: 3px double #A0B1C3;
font-family: 'Open Sans', sans-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 .avatar-module-heading > span {
background: #fff;
display: inline-block;
padding: 0 10px;
position: relative;
top: -24px;
}
#avatar-full-1-block .avatar-module.st-module-special .avatar-module-heading > span,
#avatar-full-3-block .avatar-module.st-module-special .avatar-module-heading > span,
#avatar-full-6-block .avatar-module.st-module-special .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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: 16px;
color: #8b9aab;
/*text-shadow: 1px 1px 2px #fff;*/
margin: 5px 0;
}
.st-wall-style-1 .layout-wall .item .inner img {
width: 110px;
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: 110px;
-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: 16px;
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 140px;
}
.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.st-single-article-style-1
.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 {
margin: 20px 0;
}
.contact > h1,
.contact-category > h2 {
color: #3A87AD;
font-size: 25px;
font-weight: 200;
line-height: 30px;
margin-bottom: 20px;
}
.contact .contact-name {
font-size: 18px;
}
.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: 15px 0 10px 100px;
float: left;
}
.contact legend {
width: auto;
margin: 0 20px 0 20px;
border: none;
padding: 0 5px;
font-size: 16px;
font-family: "OpenSans-Light", Arial, Helvetica, sans-serif;
}
.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;
}
/* =============== 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;
}
/* =============== COM CATEGORY LIST =============== */
.categories-list,
.category-list,
.contact-category {
margin: 20px 0;
}
/* ============================== K2 OVERRIDE ============================== */
#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;
}
.k2Avatar img {
border: 1px solid #DEDEDE;
margin: 0 10px 0 0;
}
.k2FeedIcon {
padding: 0;
}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {
width: 24px;
height: 24px;
background: url("../images/icons/st-icon-sprite.png") no-repeat right -1428px;
padding-left: 30px;
line-height: 24px;
display: block;
text-align: right;
width: 100%;
padding-right: 30px;
}
div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {
display: inline-block;
}
/* =============== K2 MODULE CALENDAR =============== */
div.k2CalendarBlock {
height: auto;
margin: 0;
width: 100%;
}
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 ITEMS BY CALENDAR =============== */
span.genericItemImage img {
border: none;
padding: 0;
}
/* =============== 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 {
display: block;
}
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;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 300;
}
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;
border: none;
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;
color: #79D3FF;
}
/* =============== K2 MODULE USER =============== */
div.k2LoginBlock fieldset.input input.button {
background: #FFFFFF;
border: 1px solid #CCCCCC;
color: #939393;
padding: 5px 10px;
border-radius: 3px;
}
/* =============== K2 MODULE CONTENT =============== */
div.k2ItemsBlock > ul {
border-bottom: 1px dashed #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
}
div.k2ItemsBlock > ul > li {
padding: 10px 0;
border-bottom: 1px dashed #ccc;
background: none;
}
div.k2ItemsBlock > ul > li.lastItem {
border-bottom: none;
padding-bottom: 0;
}
div.k2ItemsBlock .moduleItemTitle {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 300;
}
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 {
color: #CDA016;
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 {
padding: 36px 0;
}
#k2Container.itemView .itemHeader .itemTitle {
margin-bottom: 10px;
padding: 0;
font-size: 30px;
color: #21759B;
}
#k2Container div.catItemIntroText {
padding: 4px 0 0;
}
#k2Container.itemView .itemRatingBlock {
line-height: 25px;
}
#k2Container.itemView .itemToolbar {
background: none;
border-top: none;
padding: 0 0 8px 0;
margin-bottom: 10px;
}
#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 .itemHits {
float: none;
}
#k2Container.itemView .itemOtherInfo {
padding-bottom: 8px;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
#k2Container.itemView .itemOtherInfo > li {
float: left;
line-height: 100%;
margin-right: 12px;
/*border-right: 1px solid #ccc;*/
}
#k2Container.itemView .itemOtherInfo > li:last-child {
border-right: none;
margin-right: 0;
}
#k2Container.itemView .itemIntroText {
color: #777;
}
#k2Container.itemView .itemImageBlock {
padding: 0;
}
#k2Container.itemView .itemImageBlock .itemImage img {
border: none;
padding: 0;
width: 100% !important;
height: auto;
}
#k2Container.itemView .itemImageBlock .itemImageCaption {
display: block;
text-align: center;
float: none;
}
#k2Container.itemView .itemFullText ul {
margin: 10px;
}
#k2Container.itemView .itemFullText ul li {
list-style: square inside;
}
#k2Container.itemView .itemContentFooter {
text-align: left;
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
#k2Container.itemView .itemAuthorName,
#k2Container.itemView .itemAuthorLatest > h3,
#k2Container.itemView .itemRelated > h3 {
font-size: 20px;
}
#k2Container.itemView .itemAuthorName {
line-height: 100%;
margin-bottom: 5px;
}
#k2Container.itemView .itemAuthorLatest li,
#k2Container.itemView .itemRelated li {
background: none;
padding: 8px 0;
}
#k2Container.itemView .itemNavigation {
overflow: hidden;
padding: 8px;
}
#k2Container.itemView .itemNavigation .itemNavigationTitle {
display: block;
margin: 5px;
}
#k2Container.itemView .itemNavigation .itemPrevious {
float: left;
}
#k2Container.itemView .itemNavigation .itemNext {
float: right;
}
#k2Container.itemView .itemComments {
background: #fff;
margin-bottom: 8px;
}
#k2Container.itemView div.itemCommentsForm p.itemCommentsFormNotes {
padding-top: 8px;
}
#k2Container.itemView div.itemCommentsForm form input#submitCommentButton {
padding: 10px 15px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #fff;
background: #A0B1C3;
font-size: 12px;
border-bottom: 3px solid #7E8FA1;
-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 div.itemCommentsForm form input#submitCommentButton:hover {
background: #398DB3;
border-bottom-color: #21759B;
}
#k2Container.itemView div.itemComments 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 .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 .userItemView {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
#k2Container.userView .userItemTitle {
margin: 0 0 10px;
}
#k2Container.userView .userItemImage img {
border: none;
padding: 0;
}
#k2Container.userView .userItemTagsBlock {
border: none;
padding: 0;
}
/* =============== K2 ITEM LIST VIEW =============== */
#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 .catItemDateCreated {
margin-top: 5px;
font-size: 11px;
font-style: italic;
}
#k2Container.itemListView .catItemTagsBlock {
padding: 0;
border: none;
}
#k2Container.itemListView #itemListPrimary .catItemView,
#k2Container.itemListView #itemListSecondary .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 solid #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;
max-width: 100% !important;
}
#k2Container.latestView .latestItemTagsBlock {
border: none;
padding: 0;
}
/* =============== 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%;
}
.k2Pagination ul li a {
background: #4FB4F3;
}
.k2Pagination ul li a:hover {
background: #0A659E;
}
/* ============================== KUNENA FORUM OVERRIDE ============================== */
#Kunena {
padding: 20px 0;
}
#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-blurred.jpg) repeat fixed #41536d;
text-align: center;
padding: 30px 0 10px;
background-size: cover !important;
}
#avatar-tool-block .avatar-module {
margin-bottom: 36px;
}
#avatar-tool-block .avatar-module._menu {
margin-bottom: 24px;
}
#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-"] .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-module-heading span span {
background-position: 0 3px;
}
.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 .avatar-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 .avatar-module-heading span span {
background-position: 0 -50px;
}
.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 .avatar-module-heading span span {
background-position: 0 -108px;
}
.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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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 .avatar-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(60, 60, 60, 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;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#avatar-go-to-top:hover {
background-color: #ECA14F;
}
/* ======================= styles added ======================= */
.infoplace {
color: #FFFFFF;
background-color: #A0B1C3;
border-bottom: 3px solid #7E8FA1;
margin-bottom: 0px;
padding: 4px 8px;
text-align: center;
text-transform: uppercase;
}
dd {
margin-left: 0px;
}
.flexslider .slides > li {
position: relative;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
color: #fff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
font-size: 14px;
line-height: 18px;
margin: 0;
}
.control-group {
margin-bottom: 2px;
}
.paypal {
margin-top: 10px;
}
/* ============================== 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: 6px 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/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 5px 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: #FFD67E;
}
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 .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;
}
}
/*-----------------------MENU RESPONSIVE--------------------------*/
/* Clearfix */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* Basic Styles */
nav {
width: 100%;
position: relative;
}
nav ul {
padding: 0;
margin: 0 auto;
}
nav li {
display: inline;
float: left;
}
nav a {
display: inline-block;
text-align: center;
text-decoration: none;
}
nav a#pull {
display: none;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 1024px) {
nav {
height: auto;
background-color: rgba(33, 32, 46, 0.3);
border-radius: 3px;
}
nav ul {
width: 100%;
display: block;
height: auto;
}
nav a#pull { /*prima era su 480*/
display: block;
background-color: rgba(33, 32, 46, 0.3);
height: 40px;
line-height: 40px;
border-radius: 3px;
width: 100%;
position: relative;
text-transform: uppercase;
color: #FFFFDF;
}
nav a#pull:after {
content:"";
background: url('../images/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}
body.avatar-responsive .avatar-nav-responsive .pull {
background: url('../images/nav-plus.png') no-repeat;
right: 6px;
top: 3px;
}
nav a#pull:hover {
color: #FFD67E;
}
nav li {
width: 50%;
float: left;
position: relative;
}
nav a {
text-align: left;
width: 100%;
text-indent: 25px;
}
[class*="avatar-main-menu"]:after {
border-bottom: none;
}
body.avatar-responsive [class*="avatar-main-menu"], [class*="avatar-main-menu"] {
display: none;
}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
h1 {
font-size: 2em;
}
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;
}
nav li a {
/*border-bottom: 1px solid #ccc;*/
}
}