@charset UTF-8;


@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("http://fonts.googleapis.com/css?family=PT+Sans+Narrow");
@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300");
@media all and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'FontAwesome';
src: url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/fonts/fontawesome-webfont.svg#fontawesomeregular) format('svg'), url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/fonts/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/fonts/fontawesome-webfont.ttf?v=3.2.1) format('truetype');
font-weight: normal;
font-style: normal;
}
} body {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
color: #3b3b3b;
height: auto;
line-height:18px;
} a {
color: #232323;
text-decoration: none;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
p {
line-height: 26px;
}
.shortcode-content li a,
.content a:hover {
color: #c12026!important;
text-decoration: none;
}
a:focus {
outline: 0;
}
.clear-float {
clear:both;
}
.wrapper {
width: 1200px;
margin: 0px auto;
position: relative;
}
.wrapper:after {
display: block;
clear: both;
content: '';
}
.boxed:not(.active) {
background: #fff;
}
.active.boxed {
width: 1200px;
margin: 0px auto;
background: #fff;
box-shadow: 0 0px 10px rgba(0,0,0,0.2);
padding: 0px;
min-height: 100%;
overflow: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
i.fa {
line-height: inherit;
font-weight: normal;
} .header {
}
.header .wrapper {
margin-bottom: 20px;
}
.header-block {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.header-block .wrapper{display:table; }
.header-block .wrapper > div {
display: table-cell;
vertical-align: middle;
}
.header-block .header-logo {
padding: 0px 0 0px 0;
}
.header-block .header-banner {
width: 728px;
text-align: center;
}
.header-block .header-banner a {
display: block;
color: #aaa;
font-size: 11px;
margin: 5px 0;
text-transform: uppercase;
}
.header-logo h1 {
display: inline-block;
font-size: 49px;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 0px;
} .main-menu {
display: block;
background: #292a32;
color: #292a32;
box-shadow: inset 0 -3px 0 rgba(255,255,255,0.15);
margin-bottom: 30px;
position: relative;
z-index: 100;
}
.home .main-menu{ margin-bottom:0px;}
.main-menu .wrapper {
color: inherit;
background: inherit;
box-shadow: inherit;
}
.main-menu ul.menu {
display: block;
width: auto;
color: inherit;
background: inherit;
box-shadow: inherit;
margin:0px auto;
text-align:center;
}
.main-menu ul.menu:after {
display: block;
content: '';
clear: both;
}
.main-menu ul.menu > li:hover {
background: inherit;
}
.main-menu ul.menu > li {
position: relative;
float: none;
display:inline-block;
background: transparent;
margin-left: 0px;
margin-bottom: 3px;
}
.main-menu ul.menu > li:last-child:not(:hover) {
box-shadow:  1px 0 0 rgba(255,255,255,0.08);
}
.main-menu ul.menu > li:first-child {
box-shadow: inset 1px 0 0 rgba(255,255,255,0.02), -1px 0 0 rgba(0,0,0,0.25);
}
.main-menu ul.menu > li ul.sub-menu > li > a,
.main-menu ul.menu > li > a {
display: block;
color: #fff;
padding: 15px 22px 13px 22px;
text-transform: uppercase;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 14px;
box-shadow: inset 1px 0 0 rgba(255,255,255,0.08), inset -1px 0 0 rgba(0,0,0,0.25);
position: relative;
border-bottom: 3px solid transparent;
z-index: 3;
}
.header-topmenu{ background:#fff !important;}
.header-topmenu a span {
position: relative;
padding-right: 13px;
display: block;
}
.header-topmenu a span:after {
display: block;
position: absolute;
right: 0px;
font-family: "FontAwesome";
content: '\f0d7';
top: 3px;
font-size: 8px;
}
.header-topmenu ul ul li {
position: relative;
}
.header-topmenu ul ul ul {
left: 100%;
top: -1px;
}
.header-topmenu ul ul li a span:after {
content: '\f0da';
}
.main-menu ul.menu > li a span {
position: relative;
display: block;
padding-right: 15px;
}
.main-menu ul.menu > li a span:after {
display: block;
position: absolute;
right: 0px;
font-family: "FontAwesome";
content: '\f0d7';
top: 4px;
font-size: 10px;
}
.main-menu ul.menu > li ul a span:after {
content: '\f0da';
}
.main-menu ul.menu > li:not(:hover) > a {
border-bottom: 3px solid transparent!important;
margin-bottom: -3px;
}
.main-menu ul.menu > li:hover > a {
box-shadow: inset 1px 0 0 rgba(255,255,255,0.08), 1px 0 0 rgba(0,0,0,0.4), inset -1px 0 0 rgba(255,255,255,0.07), inset 1000px 0 0 rgba(255,255,255,0.08);
z-index: 4;
border-bottom: 3px solid #c12026;
margin-bottom: -3px;
} .main-menu .search-block {
display: block;
position: absolute;
right: 0px;
bottom: 3px;
top: 0px;
color: inherit;
background: rgba(255,255,255,0.15);
}
.main-menu .search-block form {
color: inherit;
}
.main-menu .search-block .search-value {
position: relative;
right: 0px;
top: 0px;
width: 10px;
border: 0px;
line-height: 100%;
font-size: 14px;
padding: 15px 20px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
color: #fff;
height: 100%;
z-index: 4;
background: transparent;
color: transparent;
cursor: pointer;
}
.main-menu .search-block .search-value:focus {
width: 120px;
z-index: 2;
margin-right: 30px;
color: #fff;
cursor: text;
}
.main-menu .search-block .search-button {
position: absolute;
z-index: 3;
right: 0px;
top: 0px;
height: 100%;
border: 0px;
cursor: pointer;
width: 50px;
overflow: hidden;
color: inherit;
font-family: 'FontAwesome', serif;
background: transparent;
}
.main-menu ul.menu ul {
display: none;
position: absolute;
top: 100%;
width: 250px;
background: inherit;
margin-top: 3px;
}
.main-menu ul.menu > li:not(.mega-menu-full) ul li {
background: inherit;
position: relative;
}
.main-menu ul.menu > li:not(.mega-menu-full) ul li a {
box-shadow: none!important;
}
.main-menu ul.menu > li:not(.mega-menu-full) ul ul {
left: 100%;
top: -3px;
}
.mega-menu-full > .sub-menu > li > .menu-blocks {
}
.main-menu ul.menu li.mega-menu-full:hover ul,
.main-menu ul.menu li:hover > ul {
display: block!important;
}
.main-menu ul.menu li.mega-menu-full ul {
position: relative;
width: 100%;
margin-top: 0px;
}
.main-menu ul.menu li:not(.mega-menu-full) ul.sub-menu > li > a {
display: block!important;
font-size: 16px!important;
text-transform: none!important;
padding: 13px 22px!important;
}
.main-menu ul.menu ul li:not(.menu-block) {
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.main-menu ul.menu ul li:last-child {
border-bottom: 0px;
}
.main-menu ul.menu ul li:hover > a {
display: block;
background: rgba(255,255,255,0.08);
}
.header-topmenu {
display: block;
background: #FFFFFF; font-family: 'PT Sans Narrow', sans-serif;
}
.header-topmenu .le-first {
display: block;
width:auto;
margin:0px auto;
border-left: 1px solid rgba(255,255,255,0.15);
text-align:center;
}
.header-topmenu .le-first:after {
display: block;
content: '';
clear: both;
}
.header-topmenu li {
display: inline-block;
float: none;
border-right: 1px solid #ff9600;
}
.header-topmenu a {
color: #ff9600;
padding: 8px 15px;
display: block;
text-transform: uppercase;
font-size:18px;
}
.header-topmenu li:hover > a {
background: rgba(255,255,255,0.08);
}
.header-topmenu li:last-child{ border-right:none;}
.header-topmenu .le-first .sub-menu  a{ text-transform: none; font-size:16px;}
.main-menu .mega-menu-full ul {
display: block;
color: #fff;
}
.main-menu .menu > .mega-menu-full {
position: static;
}
.main-menu .menu > .mega-menu-full > ul.sub-menu {
position: absolute;
left: 0px;
top: 100%;
margin-top: 0px;
width: 100%;
border-bottom: 4px solid rgba(255,255,255,0.2);
}
.header-topmenu li {
background: #ffffff !important;
}
.header-topmenu li > ul {
position: absolute;
width: 200px;
background: inherit;
display: none;
}
.header-topmenu li:hover > ul {
display: block;
}
.header-topmenu li > ul li {
display: block;
float: none;
width: 100%;
border-top: 1px solid rgba(255,255,255,0.1);
border-right: 0px;
}
.header-topmenu {
position: relative;
z-index: 101;
}
.menu-blocks {
display: block!important;
position: relative!important;
top: auto!important;
left: auto!important;
bottom: auto!important;
right: auto!important;
margin: 0px!important;
padding: 0px!important;
}
.menu-blocks a {
color: #fff;
}
.menu-blocks .menu-content {
padding: 20px;
}
.color-light {
background: rgba(255,255,255,0.05);
}
.color-light > ul {
background: transparent!important;
}
.menu-block .category-menu a {
display: block;
position: relative;
padding: 14px 15px;
border-bottom: 1px solid rgba(255,255,255,0.1);
text-transform: uppercase;
}
.menu-block .category-menu a:hover {
background: rgba(255,255,255,0.05);
}
.menu-block .category-menu a:last-child {
border-bottom: 0px;
margin-bottom: -3px;
}
.menu-block .category-menu a:first-child {
margin-top: -3px;
}
.comments-list .item,
.article-list .item {
display: block;
margin-bottom: 18px;
}
.comments-list .item:last-child,
.article-list .item:last-child {
margin-bottom: 0px;
}
.comments-list .item:after,
.article-list .item:after {
display: block;
clear: both;
content: '';
}
.comments-list .item .item-photo,
.article-list .item .item-photo {
display: block;
float: left;
width: 60px;
height: 60px;
}
#sidebar .comments-list .item .item-content {
border-bottom: 1px dotted rgba(0,0,0,0.2);
padding-bottom: 15px;
}
.comments-list .item .item-content,
.article-list .item .item-content {
display: block;
margin-left: 75px;
border-bottom: 1px dotted rgba(255,255,255,0.2);
min-height: 50px;
padding-bottom: 8px;
}
.comments-list .item .item-content h3 {
font-size: 15px;
font-weight: 400;
margin-bottom: 7px;
}
.article-list .item .item-content h3 {
font-size: 14px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 7px;
}
.article-list .item .item-content h3 a {
opacity: 0.7;
filter: alpha(opacity=70);
}
.article-list .item .item-content h3 a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.comments-list .item .item-content p {
margin-bottom: 10px;
font-size: 13px;
}
.comments-list .item .item-content span,
.article-list .item .item-content span {
font-family: 'Roboto Slab', serif;
font-size: 11px;
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: 300;
}
.comments-list .item .item-content span {
opacity: 1;
filter: alpha(opacity=100);
font-size: 12px;
line-height: 12px;
margin-right: 8px;
}
.comments-list .item .item-content a span,
.article-list .item .item-content a span {
display: inline-block;
margin-left: 6px;
padding-left: 10px;
border-left: 1px solid #fff;
line-height: 100%;
}
.menu-block .featured-post {
display: block;
text-align: center;
}
.menu-block .featured-post p {
opacity: 0.4;
filter: alpha(opacity=40);
font-size: 13px;
}
.menu-block .featured-post .item-content {
text-align: left;
}
.menu-content.featured-post .item-content p,
.menu-block .featured-post .item-content p {
margin-bottom: 10px;
}
.menu-block .featured-post .article-icons {
font-size: 12px;
text-transform: uppercase;
border-top: 1px dotted rgba(255,255,255,0.2);
padding-top: 15px;
font-family: 'Roboto Slab', serif;
}
.menu-block .featured-post .article-icons .article-icon {
display: inline-block;
margin-right: 10px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.menu-block .featured-post .article-icons a.article-icon:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.menu-content.featured-post {
display: block;
text-align: center;
}
.menu-content.featured-post .item-content {
text-align: left;
}
.menu-content.featured-post p {
opacity: 0.4;
filter: alpha(opacity=40);
font-size: 13px;
}
.menu-content.featured-post .article-icons {
font-size: 12px;
text-transform: uppercase;
border-top: 1px dotted rgba(255,255,255,0.2);
padding-top: 15px;
font-family: 'Roboto Slab', serif;
}
.menu-content.featured-post .article-icons a {
font-size: inherit;
}
.menu-content.featured-post .article-icons .article-icon {
display: inline-block;
margin-right: 10px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.menu-content.featured-post .item-photo,
.menu-block .featured-post .item-photo {
display: block;
position: relative;
margin-bottom: 15px;
}
.menu-content.featured-post .item-photo h3,
.menu-block .featured-post .item-photo h3 {
display: block;
position: absolute;
z-index: 2;
bottom: 0px;
left: 25px;
right: 25px;
background: rgba(0,0,0,0.4);
margin-bottom: 0px;
font-weight: normal;
font-size: 14px;
}
.menu-content.featured-post .item-photo h3 a,
.menu-block .featured-post .item-photo h3 a {
display: block;
padding: 15px 10px;
} .content {
}
.content.has-sidebar > .wrapper > .main-content {
display: block;
float: left;
width: 800px;
}
.content.has-sidebar > .wrapper > .main-content.right {
float: right;
}
.content.has-sidebar > .wrapper > #sidebar.left {
float: left;
}
.content.has-sidebar > .wrapper > #sidebar.left:before {
right: -7%!important;
left: auto!important;
}
.panel-split {
display: block;
position: relative;
}
.panel-split:before {
display: block;
content: '';
top: 0px;
bottom: 25px;
left: 50%;
width: 1px;
background: #d9d9d9;
position: absolute;
}
.panel-split:after {
display: block;
clear: both;
content: '';
}
.panel-split > div {
display: block;
float: left;
width: 47%;
margin-left: 6%;
}
.panel-split > div:nth-child(2n+1) {
clear: both;
margin-left: 0px;
}
.panel .panel-split:before {
bottom: 0px;
}
.review-block {
display: block;
position: relative;
}
.review-block:before {
display: block;
content: '';
top: 0px;
bottom: 0px;
left: 32.4%;
right: 32.4%;
background: transparent;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
position: absolute;
z-index: 0;
}
.review-block:after {
display: block;
clear: both;
content: '';
}
.review-block > .item {
display: block;
float: left;
width: 30%;
margin-left: 5%;
z-index: 2;
position: relative;
}
.review-block > .item:nth-child(3n+1) {
clear: both;
margin-left: 0px;
}
.review-block .overset-image {
margin-bottom: 10px;
}
.review-block p {
font-size: 13px;
}
.review-block p a {
white-space: nowrap;
color: #c12026;
}
.rating-table .rate-item,
.rating-table {
display: block;
position: relative;
}
.rating-table {
margin-bottom: 15px;
border-top: 1px dotted #aaa;
}
.rating-table .rate-item {
padding: 8px 0px;
border-bottom: 1px dotted #aaa;
text-transform: uppercase;
}
.rating-table .rate-item strong {
display: inline-block;
margin-right: 0px;
font-size: 13px;
font-weight: normal;
}
.rating-table .rate-item:after {
display: block;
clear: both;
content: '';
}
.video-carousel {
display: block;
white-space: nowrap;
overflow: hidden;
position: relative;
}
.video-carousel .inner-carousel {
font-size: 0; white-space: nowrap;
display: block;
position: relative;
left: 0%;
width: 100%;
}
.video-carousel .item {
display: inline-block;
font-size: 14px;
margin-right: 3.5%;
width: 31%;
white-space: normal;
}
.video-carousel .item h3 {
font-size: 14px;
margin-top: 12px;
}
.video-carousel .item .overset-image {
display: block;
margin-bottom: 10px;
}
.video-carousel .carousel-right,
.video-carousel .carousel-left {
opacity: 0;
filter: alphap(opacity=0);
}
.video-carousel:hover .carousel-right,
.video-carousel:hover .carousel-left {
opacity: 1;
filter: alphap(opacity=100);
}
.video-carousel .carousel-left {
position: absolute;
left: 0px;
float: none;
z-index: 2;
top: 27%;
font-size: 20px;
padding: 14px 16px;
background: rgba(0,0,0,0.5);
color: #fff;
line-height: 20px;
}
.video-carousel .carousel-right {
position: absolute;
right: 0px;
float: none;
z-index: 2;
top: 27%;
font-size: 20px;
padding: 14px 16px;
background: rgba(0,0,0,0.5);
color: #fff;
line-height: 20px;
}
.video-carousel .carousel-right:hover,
.video-carousel .carousel-left:hover {
background: rgba(0,0,0,0.8);
}
.breaking-news {
display: block;
margin-bottom: 20px;
border-top: 1px solid #b3b3b6;
border-bottom: 1px solid #b3b3b6;
line-height: 30px;
}
.breaking-news .breaking-title {
overflow: hidden;
padding-right: 13px;
float: left;
display: block;
margin-top: -1px;
position: relative;
}
.breaking-news .breaking-title i {
display: block;
position: absolute;
background: #c12026;
width: 35px;
height: 140%;
right: 5px;
top: -12px;
z-index: 1;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
.breaking-news h3 {
background: #c12026;
color: #fff;
line-height: 32px;
font-size: 14px;
font-weight: normal;
padding: 0px 15px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
margin-bottom: 0px;
z-index: 2;
position: relative;
}
.breaking-news .breaking-block {
display: block;
margin-left: 140px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
}
.breaking-news .breaking-block ul {
display: block;
line-height: 30px;
white-space: nowrap;
position: relative;
}
.breaking-news .breaking-block ul li {
display: inline-block;
line-height: 30px;
margin-right: 20px;
}
.breaking-news .breaking-block h4 {
display: inline-block;
font-size: 14px;
line-height: 30px;
margin-bottom: 0px;
font-weight: normal;
font-family: 'PT Sans Narrow', sans-serif;
}
.breaking-news .breaking-block li > i.fa {
padding-left: 8px;
color: #c12026;
}
.main-slider {
display: block;
background: #ececec;
padding: 20px 0px;
margin-bottom: 20px;
}
.slider-row {
display: block;
position: relative;
background: #232323;
font-size: 0;
}
.slider {
display: block;
height: 328px;
}
.slider .slider-image {
display: block;
float: left;
width: 65%;
height: 327px;
overflow: hidden;
position: relative;
}
.slider .slider-image a {
display: block;
position: absolute;
top: 0px;
left: -100%;
z-index: 2;
width: 100%;
height: 100%;
transition: left 0s;
-moz-transition: left 0s;
-webkit-transition: left 0s;
-o-transition: left 0s;
transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
}
.slider .slider-image a.active {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
transition: left 0.3s;
-moz-transition: left 0.3s;
-webkit-transition: left 0.3s;
-o-transition: left 0.3s;
transition-delay: 0s;
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
}
.slider .slider-image a .slider-overlay {
display: none;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(0,0,0,0.7);
z-index: 0;
color: #fff;
}
.slider .slider-image a.active .slider-overlay {
display: block;
z-index: 10;
}
.slider-navigation {
display: block;
float: left;
width: 35%;
}
.slider-navigation li {
display: block;
margin-bottom: 1px;
}
.slider-navigation li a {
display: block;
background: #ededed;
border: 1px solid transparent;
border-left: 0px;
height: 79px;
}
.slider .slider-image a img {
width: 100%;
} .slider-navigation li:hover a {
background: #e0e0e0;
}
.slider-navigation li.active a {
display: block;
background: #292a32;
border: 1px solid transparent;
border-left: 0px;
height: 79px;
}
.slider .slider-image a .slider-overlay strong {
display: block;
font-family: 'Roboto Slab', serif;
font-weight: normal;
padding: 15px 20px 8px 20px;
font-size: 19px;
line-height: 22px;
}
.slider .slider-image a .slider-overlay span {
display: block;
font-weight: normal;
padding: 0px 20px 15px 20px;
font-size: 13px;
line-height: 150%;
opacity: 0.6;
filter: alpha(opacity=60);
}
.slider-navigation li a span {
display: block;
font-size: 12px;
color: #828282;
line-height: 16px;
padding-left: 15px;
padding-right: 15px;
text-shadow: 0px 1px 0px #fff;
height: 32px;
overflow: hidden;
}
.slider-navigation li a strong {
display: block;
font-size: 14px;
color: #232323;
line-height: 20px;
padding-bottom: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 10px;
padding-right: 15px;
padding-left: 15px;
text-shadow: 0px 1px 0px #fff;
}
.slider-navigation li.active a span {
color: #828282;
text-shadow: none;
}
.slider-navigation li.active a strong {
color: #fff;
text-shadow: none;
}
.article-head {
display: block;
margin-bottom: 15px;
}
.article-head .article-info {
display: block;
margin-bottom: 15px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 20px 0px;
color: #aaa;
}
.article-head h1:first-letter {
font-size: 45px;
vertical-align: baseline;
line-height: 10px;
}
.social-buttons {
display: block;
}
.social-buttons .social-thing {
display: inline-block;
margin-right: 12px;
line-height: 24px;
margin-top: -10px;
margin-bottom: -10px;
}
.social-buttons .social-thing i.fa {
display: inline-block;
background: #232323;
color: #fff;
width: 25px;
text-align: center;
border-radius: 2px;
-moz-border-radius: 2px;
}
.social-buttons .social-thing.facebook i.fa {
background: #4c66a4;
}
.social-buttons .social-thing.twitter i.fa {
background: #4cb6e2;
}
.social-buttons .social-thing.google i.fa {
background: #dd4b39;
}
.social-buttons .social-thing.linkedin i.fa {
background: #4875B4;
}
.social-buttons .social-thing.pinterest i.fa {
background: #e3262e;
}
.social-buttons .social-thing:hover .counter {
border: 1px solid #aaa;
}
.social-buttons .social-thing .counter {
display: inline-block;
border: 1px solid #ccc;
line-height: 22px;
margin-left: 8px;
position: relative;
padding: 0 8px;
font-size: 11px;
background: #fff;
color: #aaa;
border-radius: 2px;
-moz-border-radius: 2px;
}
.social-buttons .social-thing .counter:before {
display: block;
position: absolute;
width: 5px;
height: 5px;
border-left: inherit;
border-bottom: inherit;
content: '';
top: 8px;
left: -4px;
background: inherit;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.article-foot {
display: block;
margin-top: 20px;
padding-top: 20px;
border-top: 1px dotted #aaa;
padding-bottom: 10px;
text-transform: uppercase;
color: #aaa;
font-size: 13px;
}
.article-foot a {
color: #aaa;
}
.article-foot span {
display: inline-block;
margin-right: 10px;
}
.article-foot .right,
.article-foot .left {
max-width: 45%;
line-height: 150%;
}
li p {
margin-bottom: 0px;
}
.review-photo {
display: block;
margin-bottom: 15px;
}
.review-photo img {
max-width: 100%;
height: auto;
}
.panel-title {
display: block;
padding: 6px 10px;
background: #ededed;
font-size: 16px;
font-weight: normal;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
}
.paragraph-row .spacer-1 {
margin: 0px 0px;
}
.about-author .about-header {
position: relative;
}
.about-author .about-content {
min-height: 100px;
padding-bottom: 10px;
}
.about-author .about-content:after,
.about-author .about-header:after,
.about-author:after {
display: block;
clear: both;
content: '';
}
.about-author .about-header {
display: block;
float: left;
width: 100px;
height: 100px;
}
.about-author .about-header img {
width: 100px;
height: 100px;
}
.about-author .about-content {
display: block;
margin-left: 120px;
}
.about-author .about-content h3 {
font-size: 18px;
margin-bottom: 10px;
}
.about-author .soc-buttons a {
display: inline-block;
margin-left: 7px;
font-size: 14px;
margin-left: 9px;
line-height: 25px;
}
.pagination {
display: block;
text-align: center;
font-size: 0;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
margin: 0 13px;
}
.pagination .page-numbers {
display: inline-block;
font-size: 15px;
margin: 0 2px;
background: rgba(0,0,0,0.05);
font-weight: bold;
padding: 11px 15px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
color: #232323;
}
.pagination .page-numbers:hover {
background: rgba(0,0,0,0.09);
}
.pagination .page-numbers.current {
background: #b74141;
color: #fff;
cursor: default;
}
.blog-list {
display: block;
}
.blog-list:after {
display: block;
content: '';
clear: both;
}
.blog-list.style-2 {
display: block;
position: relative;
}
.blog-list.style-2 .item {
position: relative;
float: left;
width: 47.70%;
margin-left: 4.6%;
margin-bottom: 3%;
}
.blog-list.style-2 .item:nth-child(2n+1) {
clear: both;
margin-left: 0px;
}
.blog-list.style-2:before {
display: block;
content: '';
top: 0px;
bottom: 25px;
left: 50%;
width: 1px;
background: #d9d9d9;
position: absolute;
}
.blog-list.style-2 .item .item-footer {
display: block;
border-top: 1px dotted #aaa;
border-bottom: 3px solid #232323;
padding: 13px 0;
text-transform: uppercase;
font-size: 13px;
}
.blog-list.style-2 .item .item-footer span.foot-categories {
display: inline-block;
width: 45%;
line-height: 150%;
}
.blog-list .item .item-footer .right a {
margin-left: 10px;
color: #999999;
font-size: 13px;
text-transform: uppercase;
}
.blog-list .item .item-footer .right a i.fa {
padding-right: 4px;
}
.blog-list.style-2 .item .item-footer:after {
display: block;
clear: both;
content: '';
}
.blog-list.style-1 {
display: block;
}
.blog-list.style-1 .item {
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #aaa;
}
.blog-list.style-1 .item .item-header {
float: left;
max-width: 382px;
}
.blog-list.style-1 .category-link {
text-transform: uppercase;
display: inline-block;
margin-bottom: 8px;
margin-right: 5px;
}
.blog-list.style-1 .item .item-content {
display: block;
margin-left: 400px;
}
.blog-list.style-1 .item .item-footer:after {
display: block;
clear: both;
content: '';
}
.blog-list.style-1 .item .item-footer {
margin-top: 15px;
}
.ot-slider {
margin-bottom: 25px;
}
.ot-slider .owl-stage-outer {
white-space: nowrap;
}
.ot-slide {
display: block;
white-space: normal;
}
.ot-slide .ot-slider-layer {
width: 49.8%;
display: block;
float: left;
}
.ot-slide .ot-slider-layer a {
position: relative;
display: block;
color: #fff;
}
.ot-slide .ot-slider-layer a:before {
display: block;
content: '';
background: url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/slider-shadow.png) no-repeat center bottom;
background-size: 100% 100%;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 2;
filter: alpha(opacity=50);
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ot-slide .ot-slider-layer a .slider-rating {
position: absolute;
display: block;
top: 0px;
right: 0px;
z-index: 2;
background: rgba(0,0,0,0.3);
padding: 6px 12px 10px 12px;
text-align: center;
width: 85px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.ot-slide .ot-slider-layer a:hover .slider-rating {
background: rgba(0,0,0,0.4);
}
.ot-slide .ot-slider-layer a .slider-rating .slider-star-num {
display: block;
font-size: 30px;
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-size: 63px;
line-height: 100%;
}
.ot-slide .ot-slider-layer a .content-bottom {
position: absolute;
display: block;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 2;
padding: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ot-slide .ot-slider-layer a .content-bottom > strong {
display: block;
font-family: 'Oswald', sans-serif;
font-size: 27px;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
text-transform: uppercase;
line-height: 36px;
letter-spacing: 0.5px;
padding-left: 18px;
padding-bottom: 16px;
padding-right: 120px;
vertical-align: baseline;
}
.ot-slide .ot-slider-layer a .content-bottom .categories {
display: block;
margin-right: 18px;
margin-left: 18px;
padding-bottom: 10px;
}
.ot-slide .ot-slider-layer a .content-bottom .categories span.category-tag {
display: inline-block;
margin-top: 4px;
margin-right: 1px;
padding: 7px 14px;
text-transform: uppercase;
font-size: 11px;
font-family: 'PT Sans Caption', sans-serif;
}
.ot-slide .ot-slider-layer a .content-bottom .timeago {
display: inline-block;
line-height: 260%;
text-transform: uppercase;
font-size: 11px;
font-family: 'PT Sans Caption', sans-serif;
margin-left: 10px;
padding-top: 3px;
}
.ot-slide .ot-slider-layer.second {
width: 24.7%;
margin-left: 0.4%;
}
.ot-slide .ot-slider-layer.second a .content-bottom > strong {
font-size: 23px;
line-height: 29px;
padding-right: 22px;
}
.ot-slide .ot-slider-layer.fourth {
width: 24.7%;
margin-left: 0px;
}
.ot-slide .ot-slider-layer:nth-child(n+4) {
margin-top: 5px;
}
.ot-slide .ot-slider-layer:nth-child(n+4) a .content-bottom > strong,
.ot-slide .ot-slider-layer.fourth a .content-bottom > strong {
font-size: 22px;
padding-left: 12px;
padding-bottom: 12px;
padding-right: 12px;
}
.ot-slide .ot-slider-layer:nth-child(n+4) a .slider-rating .slider-star-num,
.ot-slide .ot-slider-layer.fourth a .slider-rating .slider-star-num {
font-size: 40px;
}
.owl-carousel .owl-controls .owl-nav {
opacity: 0!important;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.owl-carousel:hover .owl-controls .owl-nav {
opacity: 1!important;
}
.owl-nav div.owl-prev {
position: absolute;
left: 0px;
top: 0px;
border-radius: 0px;
background: transparent;
font-size: 0!important;
margin: 0px;
padding-right: 3px;
height: 100%;
z-index: 5;
}
.owl-nav div.owl-next {
position: absolute;
right: 0px;
top: 0px;
border-radius: 0px;
background: transparent;
font-size: 0!important;
margin: 0px;
padding-left: 3px;
height: 100%;
}
.owl-controls .owl-page, .owl-controls .owl-nav div {
cursor: pointer;
}
.owl-nav div.owl-prev:after {
font-family: "FontAwesome";
content: '\f104';
display: block;
background: rgba(0,0,0,0.2);
color: #fff;
text-transform: uppercase;
padding: 23px 18px;
line-height: 400px;
}
.owl-nav div.owl-next:after {
font-family: "FontAwesome";
content: '\f105';
display: block;
background: rgba(0,0,0,0.2);
color: #fff;
text-transform: uppercase;
padding: 23px 18px;
line-height: 400px;
height: 100%;
position: relative;
}
.owl-nav div.owl-next:after,
.owl-nav div.owl-prev:after {
padding: 0 20px;
font-size: 33px;
height: 100%;
background: rgba(0,0,0,0.2);
}
.owl-nav div.owl-prev:hover:after,
.owl-nav div.owl-next:hover:after {
background: rgba(0,0,0,0.4);
}
.article-list .item.main-artice .overset-image {
display: block;
}
.article-list .item:not(.main-artice) .overset-image {
display: block;
float: left;
width: 60px;
height: 60px;
}
.overset-image {
display: inline-block;
overflow: hidden;
transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;
}
.overset-image img {
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
} #comments {
display: block;
margin-bottom: 20px;
border-bottom: 1px dotted #aaa;
}
#comments > li:first-child {
padding-top: 0px;
border-top: 0px;
}
#comments li {
border-top: 1px dotted #aaa;
padding-top: 20px;
}
#comments li li {
padding-left: 80px;
}
#comments .comment-block {
display: block;
margin-bottom: 20px;
}
#comments .comment-block .user-avatar img {
width: 60px;
height: 60px;
}
#comments .comment-block .user-avatar {
display: block;
float: left;
width: 60px;
height: 60px;
}
#comments .comment-block .comment-text .user-nick {
display: block;
float: left;
font-size: 15px;
margin-right: 10px;
}
#comments .comment-block .comment-text .time-stamp {
display: block;
float: left;
font-size: 13px;
color: #aaa;
line-height: 15px;
}
#comments .comment-block .comment-text {
display: block;
margin-left: 80px;
}
#comments .comment-block .comment-text .user-author {
display: inline-block;
margin-left: 8px;
font-size: 10px;
padding: 3px 7px;
border-radius: 2px;
-moz-border-radius: 2px;
background: rgba(0,0,0,0.5);
color: #fff;
}
#comments .comment-block .comment-text .comment-content {
display: block;
padding-top: 25px;
margin-bottom: 13px;
font-size: 13px;
}
#comments .reply-button {
color: #c12026;
font-size: 12px;
font-weight: bold;
}
#comments .reply-button i.fa {
padding-right: 7px;
font-size: 11px;
line-height: 15px;
}
#comments #respond {
background: #F8F8F8;
padding-bottom: 10px;
margin-bottom: 15px;
}
#comments #respond,
.writecomment,
#writecomment {
display: block; }
#comments #respond form,
.writecomment form,
#writecomment form {
width: 650px;
display: block;
margin: 0 auto 20px auto;
position: relative;
max-width: 90%;
}
#comments #respond form > p,
.writecomment form > p,
#writecomment form > p {
display: block;
margin-bottom: 0px;
position: relative;
}
#comments #respond #reply-title {
text-align: right;
font-size: 13px;
padding: 20px 30px 0 0;
}
#comments #respond form > p.contact-form-message,
.writecomment form > p.contact-form-message,
#writecomment form > p.contact-form-message {
display: block;
clear: both;
float: none;
margin-bottom: 15px;
}
#comments #respond form > p.contact-info,
.writecomment form > p.contact-info,
#writecomment form > p.contact-info {
display: block;
clear: both;
float: none;
margin-bottom: 15px;
background: rgba(0,0,0,0.06);
font-size: 13px;
padding: 14px 20px;
border-radius: 2px;
-moz-border-radius: 2px;
}
#comments #respond form > p.contact-info i.fa,
.writecomment form > p.contact-info i.fa,
#writecomment form > p.contact-info i.fa {
padding-right: 8px;
}
#comments #respond textarea,
.writecomment textarea,
#writecomment textarea {
display: block;
margin: 0px;
width: 100%;
height: 100px;
font-family: Arial;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#comments #respond input[type=text],
.writecomment input[type=text],
#writecomment input[type=text] {
margin: 0px;
width: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea,
input[type=text], input[type=email] {
padding: 8px 13px;
border-radius: 2px;
-moz-border-radius: 2px;
border: 1px solid #ccc;
color: #aaa;
box-shadow: inset 0 2px 0 rgba(0,0,0,0.03);
transition: box-shadow 0.5s;
-moz-transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
position: relative;
}
textarea:focus,
input[type=text]:focus {
border: 1px solid #aaa;
color: #878787;
box-shadow: inset 0 2px 0 rgba(0,0,0,0.03), 0 0 10px rgba(0,0,0,0.12);
}
.newsletter-submit{ background: orange none repeat scroll 0% 0%;
border: medium none;
color: white;
padding: 10px;
font-weight:bold;}
#comments #respond input[type=text].error,
.writecomment input[type=text].error,
#writecomment input[type=text].error {
border: 1px solid #c12026;
z-index: 4;
}
#comments #respond textarea.error,
.writecomment textarea.error,
#writecomment textarea.error {
border: 1px solid #c12026;
z-index: 2;
}
#comments #respond p.contact-form-message .error-msg,
.writecomment p.contact-form-message .error-msg,
#writecomment p.contact-form-message .error-msg {
z-index: 1;
}
#comments #respond .contact-form-website,
#comments #respond .contact-form-email,
#comments #respond .contact-form-user,
.writecomment .contact-form-website,
.writecomment .contact-form-email,
.writecomment .contact-form-user,
#writecomment .contact-form-website,
#writecomment .contact-form-email,
#writecomment .contact-form-user {
display: block;
float: left;
width: 32%;
margin-bottom: 10px;
margin-left: 2%;
}
#comments #respond .contact-form-user,
.writecomment .contact-form-user,
#writecomment .contact-form-user {
margin-left: 0px;
}
#comments #respond p .error-msg,
.writecomment p .error-msg,
#writecomment p .error-msg {
display: block;
position: absolute;
z-index: 3;
background: #c12026;
color: #fff;
font-size: 11px;
width: 100%;
padding: 6px 8px 4px 8px;
margin-top: -2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
top: 4px;
transition: top 0.2s;
-moz-transition: top 0.2s;
-webkit-transition: top 0.2s;
-o-transition: top 0.2s;
}
#comments #respond p:hover .error-msg,
.writecomment p:hover .error-msg,
#writecomment p:hover .error-msg {
top: 100%;
}
#comments #respond p .error-msg i.fa,
.writecomment p .error-msg i.fa,
#writecomment p .error-msg i.fa {
padding-right: 6px;
}
.required {
padding-left: 6px;
font-weight: bold;
color: #c12026;
} .photo-gallery-blocks {
display: block;
position: relative;
}
.photo-gallery-blocks:after {
display: block;
clear: both;
content: '';
}
.photo-gallery-blocks .item {
display: block;
float: left;
width: 32%;
margin-left: 2%;
margin-bottom: 2%;
}
.photo-gallery-blocks .item .item-header {
display: block;
margin-bottom: 15px;
}
.photo-gallery-blocks .item .item-header img {
width: 100%;
height: auto;
}
.photo-gallery-blocks .item:nth-child(3n+1) {
margin-left: 0px;
clear: both;
}
.gallery-categories {
display: block;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 1px dotted #aaa;
}
.gallery-categories a {
display: inline-block;
margin-right: 6px;
margin-bottom: 8px;
padding: 8px 10px;
color: #292a32;
background: #ededed;
font-size: 13px;
font-weight: bold;
}
.gallery-categories a:hover {
background: #ccc;
}
.gallery-categories a.active {
color: #fff;
background: #292a32;
}
.gallery-thumbnail-list {
display: block;
position: relative;
}
.gallery-thumbnail-list .gallery-inner-layer {
display: block;
position: relative;
}
.gallery-thumbnail-list .gallery-inner-layer:after {
display: block;
clear: both;
content: '';
}
.photo-gallery-single {
margin-bottom: 50px;
}
.gallery-photo {
display: block;
margin-bottom: 25px;
position: relative;
text-align: center;
}
.gallery-photo img {
max-width: 100%;
height: auto;
opacity: 1!important;
}
.lightbox .photo-gallery-single {
padding: 25px;
}
.gallery-photo .gallery-alt-left {
display: block;
position: absolute;
z-index: 3;
left: 0px;
top: 45%;
font-size: 60px;
line-height: 58px;
padding: 6px 25px 7px 21px;
color: #fff;
text-shadow: 0 0 1px rgba(0,0,0,0.6);
background: rgba(0,0,0,0.4);
border-radius: 3px;
-moz-border-radius: 3px;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery-photo .gallery-alt-right {
display: block;
position: absolute;
z-index: 3;
right: 0px;
top: 45%;
font-size: 60px;
line-height: 58px;
padding: 6px 21px 7px 25px;
color: #fff;
text-shadow: 0 0 1px rgba(0,0,0,0.6);
background: rgba(0,0,0,0.4);
border-radius: 3px;
-moz-border-radius: 3px;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery-photo:hover .gallery-alt-left {
opacity: 1;
filter: alpha(opacity=100);
left: 30px;
}
.gallery-photo:hover .gallery-alt-right {
opacity: 1;
filter: alpha(opacity=100);
right: 30px;
}
.gallery-photo .gallery-alt-right:hover,
.gallery-photo .gallery-alt-left:hover {
background: rgba(0,0,0,0.6);
}
.gallery-description h3 {
font-size: 25px;
}
.photo-gallery-single > .paragraph-row {
position: relative;
}
.photo-gallery-single > .paragraph-row > .column2 {
position: absolute;
height: 100%;
left: auto;
right: 0px;
}
.gallery-thumbnail-list {
display: block;
overflow: hidden;
position: relative;
height: 96.5%;
}
.gallery-thumbnail-list .gallery-inner-layer {
position: absolute;
}
.gallery-thumbnail-list .gallery-inner-layer .g-thumb {
display: block;
float: left;
width: 47%;
margin-bottom: 6%;
margin-left: 6%;
position: relative;
}
.gallery-thumbnail-list .gallery-inner-layer .g-thumb.active:before {
display: block;
content: '';
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
box-shadow: inset 0 0 0 3px #c12026, inset 0 0 0 4px #fff;
}
.gallery-thumbnail-list .gallery-inner-layer .g-thumb:nth-child(2n+1) {
margin-left: 0px;
clear: both;
}
.gallery-thumbnail-list .gallery-inner-layer .g-thumb img {
width: 100%;
height: auto;
} .content.has-sidebar > .wrapper > #sidebar {
display: block;
float: right;
width: 350px;
}
#sidebar {
position: relative;
}
.banner {
text-align: center;
}
.banner-grid img {
display: inline-block;
margin: 10px;
}
.banner:after {
display: block;
clear: both;
content: '';
}
.content .panel,
#sidebar .widget {
display: block;
margin-bottom: 25px;
position: relative;
}
.content .panel.tabbed-panel .tab-content {
display: none;
}
.content .panel.tabbed-panel .tab-content.active {
display: block;
}
#sidebar .widget > div > ul.menu,
#sidebar .widget > ul {
display: block;
}
#sidebar .widget > div > ul.menu li,
#sidebar .widget > ul li {
padding-top: 10px;
}
#sidebar .widget > select {
padding: 6px 9px;
}
#sidebar .widget > form {
text-align: center;
}
#sidebar .widget > form > div .screen-reader-text {
display: none;
}
#sidebar .widget > form > div #searchsubmit { display: inline-block;
font-size: 13px!important;
line-height: 34px;
margin: 0 4px 0 0;
background: #292a32;
color: #fff;
padding: 0 18px 0px 18px;
border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2), inset 0 -70px 20px rgba(0,0,0,0);
border: 0px;
cursor: pointer;
}
#sidebar:before {
display: block;
content: '';
top: 0px;
bottom: 25px;
left: -7%;
width: 1px;
background: #d9d9d9;
position: absolute;
}
#sidebar.left:before {
right: -7%;
}
.upper-title a {
font-size: 11px;
color: #868686;
font-weight: normal;
margin-left: 10px;
display: inline-block;
}
.upper-title a.active {
color: #c12026;
text-decoration: underline;
}
.content .panel .upper-title,
#sidebar .widget .upper-title {
position: absolute;
top: 13px;
right: 15px;
color: #aaa;
font-weight: normal;
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
}
.content .panel .upper-title:hover,
#sidebar .widget .upper-title:hover {
color: #232323;
}
.content .panel .upper-title:after,
#sidebar .widget .upper-title:after {
display: inline-block;
content: '\f0ca';
font-family: "FontAwesome";
padding-left: 5px;
}
.content .panel .upper-title i.fa,
#sidebar .widget .upper-title i.fa {
display: none;
}
.content .panel > .p-title,
#sidebar .widget > .w-title {
display: block;
background: #ededed;
position: relative;
margin-bottom: 20px;
}
.content .panel > .p-title h2,
#sidebar .widget > .w-title h3 {
display: inline-block;
padding: 11px 22px;
color: #fff;
background: #A3A3A6;
margin-bottom: 0px;
font-size: 17px;
text-transform: uppercase;
font-weight: normal;
font-family: 'PT Sans Narrow', sans-serif; }
.content .panel > .p-title h2:after,
#sidebar .widget > .w-title h3:after {
display: block;
position: absolute;
height: 3px;
background: inherit;
width: 100%;
left: 0px;
bottom: 0px;
content: '';
}
.widget .tagcloud > a {
display: inline-block;
padding: 6px 10px;
font-size: 13px!important;
line-height: 13px;
margin: 0 8px 8px 0;
background: rgba(255,255,255,0.13);
}
.widget .tagcloud > a:hover {
background: rgba(255,255,255,0.3);
}
.content .article-list .item .item-content span {
opacity: 0.7;
filter: alpha(opacity=70);
text-transform: uppercase;
font-family: Arial;
position: relative;
}
.content .article-list .item .item-content span:last-child:after {
display: none!important;
}
.content .article-list .item .item-content h3 a {
opacity: 1;
filter: alpha(opacity=100);
color: #000000;
}
.content .article-list .item .item-content {
display: block;
margin-left: 75px;
border-bottom: 1px dotted rgba(0,0,0,0.2);
min-height: 51px;
}
.content .article-list .item .item-content > span:after {
display: inline-block;
top: 1px;
width: 2px;
height: 100%;
right: -12px;
position: absolute;
content: '|';
color: #000;
}
.article-list .item.no-image .item-content {
margin-left: 0px;
}
.content .article-list .item.no-image .item-content {
margin-left: 0px;
}
#sidebar .more-button {
display: block;
text-align: center;
padding: 7px;
text-transform: uppercase;
font-size: 11px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tab-a h3 {
cursor: pointer;
}
.tab-a h3:hover {
box-shadow: inset 0 -100px 0 rgba(255,255,255,0.07);
}
.tab-a h3.active {
box-shadow: none!important;
cursor: default;
background: #c12026!important;
}
.tab-a h3:after {
display: none!important;
}
.tab-a {
box-shadow: inset 0 -3px 0 #292a32;
}
.tab-d > div {
display: none!important;
}
.tab-d > div.active {
display: block!important;
}
.review-list .item {
display: block;
margin-bottom: 15px;
position: relative;
}
.review-list .item:after {
display: block;
clear: both;
content: '';
}
.review-list .item {
background: #f0f0f0;
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
.review-list .item .item-content {
padding: 10px 70px 10px 15px;
display: table-cell;
vertical-align: middle;
height: 30px;
}
.review-list .item .overset-image,
.review-list .item .item-photo {
display: block;
float: left;
}
.review-list .item .item-content h3 {
margin-bottom: 0px;
font-size: 13px;
font-weight: normal;
}
.review-list .item .item-content .review-rating {
display: block;
position: absolute;
right: 10px;
padding: 8px 12px;
color: #fff;
background: #698ac1;
top: 10px;
font-size: 14px;
}
.w-gallery .w-photos {
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ccc;
}
.w-gallery .w-photos:last-child {
position: relative;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}
.w-gallery .w-photos:hover .gallery-link-left {
left: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
.w-gallery .w-photos:hover .gallery-link-right {
right: 0px;
opacity: 1;
filter: alpha(opacity=100);
}
.w-gallery .w-photos .gallery-link-left {
position: absolute;
left: -20px;
font-size: 20px;
color: #fff;
top: 40%;
z-index: 10;
text-shadow: 0 0 4px rgba(0,0,0,0.4);
padding: 11px 14px;
background: rgba(0,0,0,0.4);
opacity: 0;
filter: alpha(opacity=0);
}
.w-gallery .w-photos .gallery-link-right {
position: absolute;
right: -20px;
font-size: 20px;
color: #fff;
top: 40%;
z-index: 10;
text-shadow: 0 0 4px rgba(0,0,0,0.4);
padding: 11px 14px;
background: rgba(0,0,0,0.4);
opacity: 0;
filter: alpha(opacity=0);
}
.w-gallery .w-photos .gallery-link-right:hover,
.w-gallery .w-photos .gallery-link-left:hover {
background: #232323;
text-shadow: 0px;
}
.w-gallery .w-photos .photo-images {
display: block;
position: relative;
}
.w-gallery .w-photos .photo-images a {
display: none;
position: absolute;
z-index: 2!important;
top: 0px;
}
.w-gallery .w-photos .photo-images a.active {
display: block!important;
position: relative!important;
z-index: 1!important;
}
#sidebar .widget .tagcloud > a {
background: rgba(0,0,0,0.1);
}
#sidebar .widget .tagcloud > a:hover {
background: rgba(0,0,0,0.3);
color: #232323;
} #wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 15px; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; font-size: 13px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:10px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 13px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 13px; text-transform: uppercase; padding-top: 10px; }
.article-list .item {
position: relative;
}
.blog-list.style-2 .item,
.article-list .item.main-artice {
position: relative;
}
.blog-list.style-2 .item .item-photo,
.article-list .item.main-artice .item-photo {
width: 100%;
height: auto;
float: none;
}
.blog-list.style-2 .item .item-content,
.article-list .item.main-artice .item-content {
margin-left: 0px;
}
.blog-list.style-2 .item .item-content p,
.article-list .item.main-artice .item-content p {
font-size: 13px;
line-height: 150%;
color: #86868B;
}
.blog-list.style-2 .item .item-header,
.article-list .item.main-artice .item-header {
display: block;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.blog-list.style-2 .item .item-header h3 {
display: block;
position: absolute;
z-index: 2;
bottom: 0px;
left: 20px;
right: 20px;
margin-bottom: 0px;
font-weight: normal;
font-size: 14px;
text-align: center;
}
.menu-content.featured-post.light .item-photo h3 a, .menu-block .featured-post.light .item-photo h3 a {
color: #232323!important;
background: rgba(255,255,255,0.7);
}
.blog-list.style-2 .item .item-header h3 a {
display: block;
padding: 15px 10px;
background: rgba(0,0,0,0.6);
color: #fff;
}
.blog-list.style-2 .item.light .item-header h3 a {
color: #232323;
background: rgba(255,255,255,0.7);
}
.article-list .item .item-header .article-slide {
display: block;
position: absolute;
bottom: 0px;
z-index: 2;
width: 100%;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.article-list .item:hover .item-header .article-slide {
bottom: 30px;
}
.article-list .item .item-header .article-slide h3 {
margin-bottom: 0px;
}
.article-list .item.light .item-header .article-slide h3 a {
color: #232323;
background: rgba(255,255,255,0.4);
}
.article-list .item .item-header .article-slide h3 a {
display: block;
position: absolute;
z-index: 2;
bottom: 100%;
background: rgba(0,0,0,0.4);
margin-bottom: 0px;
font-weight: normal;
font-size: 15px;
color: #fff;
left: 20px;
right: 20px;
padding: 15px 10px;
text-align: center;
}
.article-list .item .item-header .article-slide .info-line {
display: block;
position: absolute;
z-index: 2;
background: #c12026;
margin-bottom: 0px;
font-weight: normal;
color: #fff!important;
left: 20px;
right: 20px;
font-size: 9px;
line-height: 12px;
padding: 9px 10px;
text-align: center;
text-transform: uppercase;
}
.article-list .item .item-header .article-slide .info-line span {
display: inline-block;
margin: 0px 5px;
}
.article-list .ot-star-rating {
position: absolute;
right: 0px;
bottom: 10px;
}
.ot-slider-layer .ot-star-rating {
width: 77px;
}
.ot-star-rating {
position: relative;
text-align: right;
width: 69px;
color: #c12026;
font-size: 13px;
line-height: 13px;
letter-spacing: 1px;
height: 15px;
opacity: 1!important;
filter: alpha(opacity=100)!important;
}
.ot-slider a:hover,
.ot-slider a {
color: #fff!important;
}
.ot-slider .ot-star-rating {
display: block;
}
.ot-star-rating:before {
display: block;
font-family: "FontAwesome";
font-weight: normal;
font-size: 13px;
line-height: 13px;
text-shadow: none;
letter-spacing: 2px;
content: '\f005\f005\f005\f005\f005';
top: 0px;
left: 0px;
position: absolute;
color: #e2e2e2;
z-index: 1;
white-space: nowrap;
}
.ot-star-rating span {
display: block;
height: 15px;
text-indent: 500px;
white-space: nowrap;
overflow: hidden;
z-index: 2;
position: relative;
opacity: 1!important;
filter: alpha(opacity=100)!important;
}
.ot-star-rating span:before {
display: block;
font-family: "FontAwesome";
font-weight: normal;
font-size: 13px;
line-height: 13px;
text-shadow: none;
letter-spacing: 2px;
content: '\f005\f005\f005\f005\f005';
top: 0px;
left: 0px;
position: absolute;
z-index: 2;
text-indent: 0px;
white-space: nowrap;
}
.ot-star-rating > strong {
font-size: 0;
}
.ot-slider .ot-star-rating {
display: block;
margin-left: auto;
margin-right: auto;
}
.ot-slider .ot-star-rating:before {
display: block;
position: absolute;
z-index: 5;
content: '\f006\f006\f006\f006\f006';
top: 0;
left: 0;
font-size: 14px;
line-height: 16px;
color: rgba(255,255,255,0.5);
font-family: 'FontAwesome';
letter-spacing: 3px!important;
}
.ot-slider .ot-star-rating > span:before {
display: block;
position: absolute;
z-index: 2;
content: '\f005\f005\f005\f005\f005';
top: 0;
left: 0;
font-size: 14px;
line-height: 16px;
color: #fff;
font-family: 'FontAwesome';
letter-spacing: 3px!important;
}
.rating-total {
text-align: center;
padding: 0px;
margin: 0px;
}
.rating-total .master-rate {
display: block;
font-weight: normal;
font-size: 50px;
margin-bottom: 10px;
font-family: 'PT Sans Narrow', sans-serif;
}
.rating-total .ot-star-rating {
display: inline-block;
}
.shortcode-content .rating-table {
margin-bottom: 8px;
}
.shortcode-content .rating-table .rate-item:last-child {
border-bottom: 0px;
padding-bottom: 0px;
}
.shortcode-content .panel {
margin-bottom: 15px;
}
.shortcode-content.sample-page {
margin-bottom: 20px;
} .section1{ background:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/Backgrnd-designs-26-t.png) ;padding:50px 0px; border-bottom:2px solid #F59D2A;border-top:2px solid #F59D2A;}
.section2{ background:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/Backgrnd-designs-40-t.png) ; padding:50px 0px;border-bottom:2px solid #F59D2A;}
.section1 .vc_col-sm-6{ background:#ffffff; width:48%; margin-right:1%}
.section2 .vc_col-sm-6{  width:48%; margin-right:1%}
.section3{ background:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/Backgrnd-designs-40-t.png) ;padding:50px 0px;border-bottom:2px solid #F59D2A;}
.section3 .gallery-preview{ width:30% ;padding:1%;}
.section4{ background:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/Backgrnd-designs-26-t.png) ;padding:50px 0px;border-bottom:2px solid #F59D2A;}
.section4 .article-grid-list::before{ border-left:none; border-right:none;}
.section4 .item-header .overset-image{ width:100%; display:block;}
.section4 .item-header img{ width:100%; !important; height:auto; border:none !important; padding:0px !important;}
.section4 .item-content{ padding:5px 10px;}
.section4 .wrapper .item{ background:#fff;}
.section4 .post-category{display:none;}
.section2 .p-title h2 img{ height:30px !important; width:auto !important;}  img {
max-width: 100%;
height: auto;
}
.footer {
display: block;
background: #00075f;
color: #f9f9ff;
margin-top: 50px;
}
.boxed.active .content.has-sidebar > .wrapper > .main-content {
width: 751px;
}
.boxed.active .content .wrapper,
.boxed.active .footer .wrapper {
width: 1150px;
}
.footer a {
color: #ffffff;
}
.footer .footer-bottom {
background: #000;
padding: 10px 0;
font-size: 12px;
}
.footer .footer-widgets {
display: block;
padding: 30px 0;
}
.footer .footer-widgets:after {
display: block;
clear: both;
content: '';
}
.footer .footer-widgets > .widget {
display: block;
float: left;
width: 31.33%;
margin-left: 3%;
}
.footer .footer-widgets > .widget > h3,
.footer .footer-widgets > .widget > .w-title h3 {
display: block;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255,255,255,0.2);
font-family: 'PT Sans Narrow', sans-serif;
font-size: 20px;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
.footer .footer-widgets > .widget:nth-child(3n+1) {
clear: both;
margin-left: 0px;
}
.footer .footer-bottom ul {
padding: 2px 0;
}
.footer .footer-bottom ul:after {
display: block;
content: '';
clear: both;
}
.footer .footer-bottom ul li {
display: block;
float: left;
margin-left: 19px;
position: relative;
}
.footer .footer-bottom ul li:before {
display: block;
content: '';
border-left: 1px solid rgba(255,255,255,0.2);
left: -10px;
height: 100%;
top: 0px;
width: 1px;
position: absolute;
}
.footer .footer-bottom ul li:first-child:before {
display: none;
}
.footer .footer-bottom p {
margin-bottom: 0px;
}
body .toggle-menu {
display: none;
color: #f1f1f1;
text-align: center;
padding: 15px 0px!important;
font-weight: normal;
font-size: 14px!important;
line-height: 14px!important;
letter-spacing: 1px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
}
.toggle-menu:hover {
background: rgba(255,255,255,0.1);
color: #fff;
}
.big-message-block {
display: block;
padding: 110px 0;
text-align: center;
}
.big-message-block h1 {
font-size: 54px;
}
.lightbox hr {
margin: 20px 0px;
}
.lightbox p,
.lightbox span,
.lightbox h2,
.lightbox h3 {
color: #232323;
text-shadow: none;
}
.lightbox .loading-box {
padding:50px 0px;
line-height: 24px;
}
.startlightbox  {
overflow: hidden;
}
.startlightbox .lightbox {
display:block;
}
.lightbox {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
text-align:center;
z-index:200;
display:none;
overflow-y:scroll!important;
}
.lightbox .main-black-block {
box-shadow:none;
background:#212121;
color:#ccc;
font-size: 11.5px;
line-height: 20px;
font-weight: 300;
padding-bottom: 5px;
color:#8a8a8a;
}
.lightbox .lightcontent .light-close:hover, .lightbox .lightcontent-loading .light-close:hover {
color:#db2727;
}
.lightbox .lightcontent .light-close:active, .lightbox .lightcontent-loading .light-close:active {
color:#b01e1e;
}
.lightbox .lightcontent .light-close, .lightbox .lightcontent-loading .light-close {
display:block;
right:0px;
top:-30px;
font-family: Arial;
position:absolute;
font-size:12px;
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,0.6);
}
.lightbox .lightcontent, .lightbox .lightcontent-loading {
background:#f4f4f4;
width:1200px;
max-width: 100%;
margin:100px auto 70px auto;
position:relative;
box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
text-align:left;
}
.lightbox .light-title {
display:block;
position:absolute;
top:-33px;
color:#fff;
text-shadow:0 1px 3px rgba(0,0,0,0.6);
height:23px;
width:780px;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap; 
}
.lightbox .gallery-thumbs {
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
width: 95%;
}
.lightbox .thacontent {
padding: 0px 25px 20px 25px;
}
.loading-box {
display:block;
text-align:center;
}
.loading-box .loading-image {
display:block;
text-align:center;
padding-top:20px;
}
.lightbox .carousel-left {
left:8px;
}
.lightbox .carousel-right {
right:8px;
}
.lightbox blockquote {
padding-bottom:30px;
}
.lightbox .article-main-content {
padding: 0px 55px;
width: auto;
}
.loading-message {
display: block;
background: #f0f0f0;
padding: 10px 15px;
font-size: 11px;
line-height: 140%;
}
.loading-message img {
display: block;
float: left;
width: 34px;
padding-right: 15px;
}
.main-content-split .loading-message img {
display: none;
}
.loading-message:before {
display: block;
content: '';
clear: both;
}
.loading-message b {
font-size: 18px;
display: block;
padding-bottom: 4px;
}
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
z-index: 20px;
}
.ls-fullwidth .ls-nav-next {
right: 50px!important;
}
.ls-fullwidth .ls-nav-prev {
left: 50px!important;
}
.light-close i.fa {
padding-right: 6px;
}
.lightbox .big-photo-block .the-image {
box-shadow: none;
text-align: center;
padding-top: 10px;
background-color: transparent;
}
.lightbox .big-photo-block .the-image img {
max-width: 98%;
}
.lightbox .big-photo-block .the-thumbs {
margin-left: 1%;
margin-right: 1%;
overflow: hidden;
}
.lightbox .lightbox-content {
display: block;
padding: 0px 2% 8px 2%;
}
.the-image img {
max-width: 100%;
}
.lightbox .photo-gallery-full {
box-shadow: none;
}
.article-photo {
margin-bottom: 15px;
}
.blog-list.style-1 .item.image-no .item-content {
margin-left: 0px;
}
.shortcode-content .orange-review-width {
margin-bottom: 20px;
}
.mega-menu-full > .sub-menu > li > .sub-menu {
display: block;
clear: both;
position: relative;
width: 100%!important;
}
.mega-menu-full > .sub-menu > li > .sub-menu:after {
display: block;
clear: both;
content: '';
}
.mega-menu-full > .sub-menu > li > .sub-menu > li {
width:31.914893617021278%;*width:31.861702127659576%;
float: left;
margin-left: 2.127659574468085%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li:first-child {
margin-left: 0px;
padding-left: 0px;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li > ul {
padding: 20px;
}
.main-menu ul.menu li.mega-menu-full ul {
width: auto;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li > ul > li {
border: 0px!important;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li > ul > li > a {
display: block;
position: relative;
padding: 14px 15px!important;
border: 0px!important;
border-bottom: 1px solid rgba(255,255,255,0.1)!important;
box-shadow: none!important;
text-transform: uppercase!important;
font-size: 14px!important;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li,
.mega-menu-full > .sub-menu > li > .sub-menu > li > ul > li:last-child > a {
border-bottom: 0px!important;
margin-bottom: 0px!important;
}
.mega-menu-full > .sub-menu > li > .sub-menu > li > ul > li:first-child > a {
margin-top: -3px;
}
.mega-menu-full p,
.mega-menu-full > ul a,
.mega-menu-full {
font-family: 'Open Sans', sans-serif!important;
font-size: 14px;
}
.mega-menu-full a {
color: #fff!important;
}
.article-list .item .item-content h3 a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.article-list .item .item-content h3 a {
opacity: 0.7;
filter: alpha(opacity=70);
color: #fff;
}
.widget > ul {
line-height: 130%;
}
.widget .recentcomments {
line-height: 130%;
}
.widget > ul a,
.widget .recentcomments a {
font-weight: bold;
}
.widget .subscribe-feed {
width: 70%;
margin: 0 auto;
}
.widget .subscribe-feed input[type=text] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.hreview .paragraph-row:nth-child(2) {
margin-bottom: 10px;
}
#comments li p {
margin-bottom: 10px;
}
.menu-content.featured-post {
margin-bottom: 20px;
}
li:last-child > .menu-content.featured-post {
margin-bottom: 0px;
}
.panel li.graytext p {
color: #888;
}
.panel li.graytext p {
color: #888;
}
body .boxed.active .slider .slider-image a img {
width: auto!important;
height: 100%!important;
}
.slider-navigation li a span p {
line-height: 16px;
}
.footer-widgets .center {
text-align: center;
}
.post.sticky {
padding: 16px!important;
margin-top: -20px;
}
.post.sticky:first-child {
margin-top: 0px;
}
.blog-list.style-2 .post.sticky {
margin-top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.more-button {
display: block;
text-align: center;
padding: 7px;
text-transform: uppercase;
font-size: 11px;
opacity: 0.7;
filter: alpha(opacity=70);
}
body .article-list .item:not(.main-artice) .item-photo:hover {
opacity: 0.7!important;
}
.slider {
position: relative;
}
.slider:hover .ot-slider-left {
left: 0px;
opacity: 1;
}
.slider:hover .ot-slider-right {
right: 35%;
opacity: 1;
}
.slider .ot-slider-left {
position: absolute;
left: -3%;
float: none;
z-index: 20;
top: 35%;
font-size: 20px;
padding: 14px 16px;
background: rgba(0,0,0,0.5);
color: #fff;
line-height: 20px;
opacity: 0;
}
.slider .ot-slider-right {
position: absolute;
right: 32%;
float: none;
z-index: 20;
top: 35%;
font-size: 20px;
padding: 14px 16px;
background: rgba(0,0,0,0.5);
color: #fff;
line-height: 20px;
opacity: 0;
}
.slider .ot-slider-right:hover,
.slider .ot-slider-left:hover {
background: rgba(0,0,0,0.9);
}
.article-grid-list {
display: block;
position: relative;
}
.article-grid-list:before {
display: block;
content: '';
top: 0px;
bottom: 0px;
left: 32.4%;
right: 32.4%;
background: transparent;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
position: absolute;
z-index: 0;
}
.article-grid-list:after {
display: block;
clear: both;
content: '';
}
.article-grid-list > .item {
display: block;
float: left;
width: 30%;
margin-left: 5%;
z-index: 2;
position: relative;
}
.article-grid-list > .item:nth-child(3n+1) {
clear: both;
margin-left: 0px;
}
.article-grid-list .overset-image {
margin-bottom: 10px;
}
.article-grid-list > .item .post-category {
display: block;
line-height: 140%;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
color: #dd662c;
}
.article-grid-list > .item .post-category:before {
display: inline-block;
content: '\f07c';
font-family: "FontAwesome";
padding-right: 4px;
}
.article-grid-list > .item .post-category a {
display: inline-block;
margin-right: 4px;
color: inherit;
}
.article-grid-list > .item .post-category a:after {
display: inline-block;
content: ',';
color: #ccc;
}
.article-grid-list > .item .post-category a:last-child:after {
display: none;
}
.article-grid-list > .item:nth-child(3n+1) {
clear: both;
}
.article-grid-list > .item:nth-child(n+4) {
margin-top: 25px;
border-top: 1px solid #d9d9d9;
padding-top: 25px;
}
.article-grid-list .ot-star-rating {
margin-bottom: 10px;
margin-top: -2px;
}
.article-grid-list p {
font-size: 13px;
}
.novo-read-more {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #b61818;
}
.novo-read-more i.fa {
padding-left: 6px;
}
.panel-three-split {
display: block;
position: relative;
}
.panel-three-split:before {
display: block;
content: '';
top: 0px;
bottom: 0px;
left: 32.4%;
right: 32.4%;
background: transparent;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
position: absolute;
z-index: 0;
}
.panel-three-split:after {
display: block;
clear: both;
content: '';
}
.panel-three-split > .panel {
display: block;
float: left;
width: 30%;
margin-left: 5%;
z-index: 2;
position: relative;
margin-bottom: 0px;
}
.panel-three-split > .panel:nth-child(3n+1) {
clear: both;
margin-left: 0px;
}
.panel-three-split > .panel:nth-child(n+4) {
margin-top: 30px;
}
.article-cat-list h6 {
line-height: 140%;
}
.article-cat-list .itemdate {
font-size: 12px;
line-height: 160%;
padding-right: 10px;
color: #898989;
float: none;
margin-bottom: 2px;
display: block;
}
.article-cat-list .item-photo {
margin-bottom: 15px;
}
.article-cat-list .item:nth-child(n+2) {
margin-top: 15px;
border-top: 1px solid #d9d9d9;
padding-top: 15px;
}
.article-cat-list .button {
width: 100%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article-cat-list .button:hover {
color: #fff!important;
}
.floatscicon{position:fixed; left:20px; top:220px; z-index:999;}
.floatscicon img{margin:5px 0px;}#lightbox-box {
position:absolute;
width:100%;
height:100%;
z-index:200;
}
#lightbox-box .lightbox-bg {
display:block;
position:fixed;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
z-index:199;
}
#lightbox-box.blackout > div > img {
background:transparent!important;
}
#lightbox-box.blackout > div {
opacity: 1;
filter: alpha(opacity=100);
}
#lightbox-box > div > span {
display:none;
position:absolute;
bottom:30px;
left:0px;
z-index:200;
background:rgba(0,0,0,0.5);
padding:12px 18px;
font-size:13px;
font-family:Arial;
max-width:600px;
color:#fff;
}
#lightbox-box > a {
display:none;
position:fixed;
top:30px;
right:30px;
font-size:12px;
font-weight:bold;
color:transparent;
overflow:hidden;
width:30px;
height:30px;
background:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/lightbox-close.png) no-repeat center;
opacity: 0.3;
filter: alpha(opacity=30);
z-index:201;
}
#lightbox-box > a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#lightbox-box > div {
display:block;
position:absolute;
width:80px;
height:80px;
background:#fff url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/loading.gif) no-repeat center;
text-align:center;
box-shadow:0px 1px 6px rgba(0,0,0,0.3);
-moz-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s;
-webkit-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s;
-o-transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s;
opacity: 0.8;
filter: alpha(opacity=80);
z-index:201;
}
#lightbox-box > div > font {
position:absolute;
bottom:-36px;
right:0px;
display:none;
opacity: 0.8;
filter: alpha(opacity=80);
}
#lightbox-box > div > font a {
float:left;
display:block;
background-position:center top;
background-repeat:no-repeat;
color:transparent;
width:28px;
height:28px;
}
#lightbox-box > div > font a#lightbox-left {
background-image:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/lightbox-left.jpg);
}
#lightbox-box > div > font a#lightbox-right {
background-image:url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/images/lightbox-right.jpg);
}
#lightbox-box > div > font a:hover {
background-position:center bottom;
}
#lightbox-box.blackout > div > img {
opacity: 1;
filter: alpha(opacity=100);
}
#lightbox-box > div > img {
width:100%;
height:100%;
background:transparent;
opacity: 0.2;
filter: alpha(opacity=20);
}
.lightbox-photo {
line-height: 16px;
}.paragraph-row {
display: block;
clear: both;
position: relative;
width: 100%!important;
}
.paragraph-row:after {
display: block;
clear: both;
content: '';
}
.paragraph-row .column12{width:100%;*width:99.94680851063829%;}
.paragraph-row .column11{width:91.48936170212765%;*width:91.43617021276594%;}
.paragraph-row .column10{width:82.97872340425532%;*width:82.92553191489361%;}
.paragraph-row .column9{width:74.46808510638297%;*width:74.41489361702126%;}
.paragraph-row .column8{width:65.95744680851064%;*width:65.90425531914893%;}
.paragraph-row .column7{width:57.44680851063829%;*width:57.39361702127659%;}
.paragraph-row .column6{width:48.93617021276595%;*width:48.88297872340425%;}
.paragraph-row .column5{width:40.42553191489362%;*width:40.37234042553192%;}
.paragraph-row .column4{width:31.914893617021278%;*width:31.861702127659576%;}
.paragraph-row .column3{width:23.404255319148934%;*width:23.351063829787233%;}
.paragraph-row .column2{width:14.893617021276595%;*width:14.840425531914894%;}
.paragraph-row .column1{width:6.382978723404255%;*width:6.329787234042553%;}
.paragraph-row > li,
.paragraph-row > div {
float: left;
margin-left: 2.127659574468085%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.paragraph-row > li:first-child,
.paragraph-row > div:first-child {
margin-left: 0px;
padding-left: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif;
margin-bottom: 15px;
line-height: 120%;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
p {
line-height: 150%;
margin-bottom: 15px;
}
p .marker {
display: inline-block;
padding: 0px 4px;
margin: 0px 5px;
background: #232323;
border-radius: 2px;
-moz-border-radius: 2px;
color: #fff;
font-weight: bold;
}
.main-article .button {
display: inline-block;
font-size: 16px!important;
line-height: 38px;
margin: 0 4px 0 0;
background: #2c3e50;
color: #fff;
padding: 0 18px 2px 18px;
border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}
.main-article .button:hover {
background: #232323!important;
}
.wp-caption {
border: 1px solid #eee;
padding: 2%;
padding-bottom: 0;
max-width: 95%;
margin-bottom: 15px!important;
background: #fff;
text-align: center;
}
.wp-caption img {
display: inline-block;
margin-bottom: 10px;
max-width: 100%;
height: auto;
}
.wp-caption .wp-caption-text {
font-size: 14px!important;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.google-maps, .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display: block;
margin-bottom: 15px;
}
.google-maps iframe, .google-maps object, .google-maps embed, .video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.spacer-1 {
display: block;
height: 1px;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
border-bottom: 1px dotted #b2b2b2;
text-align: center;
position: relative;
}
.spacer-2 {
display: block;
height: 2px;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
background: #dfdfdf;
color: #dfdfdf;
text-align: center;
position: relative;
}
.spacer-3 {
display: block;
height: 3px;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
background: #dfdfdf;
color: #dfdfdf;
text-align: center;
position: relative;
}
.spacer-3:before {
display: block;
content: '';
width: 100%;
height: 1px;
position: absolute;
background: #fff;
top: 1px;
left: 0px;
}
.spacer-1 i.fa,
.spacer-2 i.fa,
.spacer-3 i.fa {
display: inline-block;
color: inherit;
font-size: 18px;
padding: 0 10px;
background: #fff;
position: absolute;
top: -7px;
z-index: 2;
width: 30px;
text-align: center;
margin-left: -20px;
}
.shortcode-content .social-icon {
display: inline-block;
color: #232323!important;
margin-right: 15px;
font-family: Arial;
}
.main-article .social-icon:after {
display: block;
clear: both;
content: '';
}
.shortcode-content .social-icon:hover {
color: #4b4b4b!important;
}
.shortcode-content .social-icon i.fa {
display: inline-block;
background: #232323;
color: #faf9f3;
width: 24px;
font-size: 12px;
line-height: 24px;
text-align: center;
float: left;
text-shadow: none!important;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
border-radius: 50%;
}
.shortcode-content .social-icon:hover i.fa {
background: #4b4b4b;
}
.shortcode-content .social-icon b {
color: inherit;
display: block;
margin-left: 32px;
line-height: 130%;
font-size: 14px;
margin-top: -2px;
}
.shortcode-content .social-icon span {
color: inherit;
display: block;
margin-left: 32px;
font-style: normal;
font-size: 10px;
line-height: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
}
.coloralert {
display: block;
margin-bottom: 15px;
border-radius: 3px;
color: #fff;
text-shadow: none;
font-size: 13px;
font-family: Arial;
padding: 9px 13px;
position: relative;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.coloralert {
padding: 16px 20px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), 0 2px 0 rgba(0,0,0,0.1);
}
.coloralert a[href='#close-alert'] {
position: absolute;
display: block;
right: 15px;
top: 13px;
font-size: 12px;
line-height: 12px;
background: rgba(0,0,0,0.2);
padding: 5px 7px;
border-radius: 2px;
-moz-border-radius: 2px;
}
.coloralert a[href='#close-alert'] i.fa {
display: block;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.coloralert a, .coloralert p {
color: #fff;
font-family: Arial;
margin-bottom: 0px!important;
}
.coloralert p {
font-size: 14px;
font-family: 'Gudea', sans-serif;
text-shadow: 0px 1px rgba(0,0,0,0.3);
padding-right: 30px;
}
.accordion {
display: block;
margin-bottom: 15px;
}
.accordion > div {
display: block; border-radius: 2px;
-moz-border-radius: 2px; padding: 15px;
margin-bottom: 10px;
box-shadow: 0 0 0 1px rgba(0,0,0,0.09);
background: rgba(255,255,255,0.5);
}
.accordion > div > a {
font-weight: bold;
font-size: 16px;
display: block;
color: #363635;
position: relative;
margin: -15px;
padding: 15px;
}
.accordion > div > div {
display: none;
margin-bottom: -15px;
border-top: 1px dotted #cccccc;
margin-top: 15px;
padding-top: 15px;
}
.accordion > div > a:after {
display: block;
content: '';
width: 11px;
height: 3px;
background: #ccc;
position: absolute;
right: 13px;
top: 21px;
}
.accordion > div > a:before {
display: block;
content: '';
width: 3px;
height: 11px;
background: #ccc;
position: absolute;
right: 17px;
top: 17px;
}
.accordion > div.active > a:before {
display: none;
}
.button {
display: inline-block;
font-size: 13px!important;
line-height: 38px;
margin: 0 4px 0 0;
background: #292a32;
color: #fff;
padding: 0 18px 2px 18px;
border-radius: 2px;
-moz-border-radius: 2px;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2), inset 0 -70px 20px rgba(0,0,0,0);
border: 0px;
cursor: pointer;
}
.button:hover {
color: #fff;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2), inset 0 -70px 20px rgba(0,0,0,0.12);
}
.shortcode-content ol {
list-style: decimal;
}
.shortcode-content ul {
list-style: disc;
}
.shortcode-content ul.fa-ul {
padding-left: 0px;
list-style: none;
}
.shortcode-content ol, .shortcode-content ul {
padding: 3px 0 2px 20px;
margin: 0 0 10px 0;
}
.shortcode-content ul.fa-ul li {
padding-left: 23px;
}
.shortcode-content ol li, .shortcode-content ul li {
background: transparent;
padding: 0 0 0 0px;
margin: 12px 0 0 0;
line-height: 130%;
}
.shortcode-content ul.fa-ul li i.fa {
margin-left: 20px;
top: 0px;
font-size: 12px;
line-height: inherit;
padding-top: 2px;
}
blockquote {
display: block;
border-left: 3px solid #aaaaaa;
padding: 7px 0px 7px 25px;
font-size: 16px;
color: #8A8A8A;
margin-bottom: 15px;
}
blockquote.style-2 {
display: block;
position: relative;
border-left: 0px;
padding-left: 40px;
}
blockquote.style-2:before {
display: block;
content: "\"";
position: absolute;
top: 5px;
left: -10px;
color: #aaaaaa;
font-size: 75px;
}
blockquote.style-3 {
display: block;
position: relative;
border-left: 0px;
padding: 20px 25px;
border: 1px dotted #232323;
border-radius: 7px;
-moz-border-radius: 7px;
margin-left: 7%;
margin-right: 7%;
}
blockquote p {
margin-bottom: 0px!important;
}
blockquote.style-4 {
display: block;
position: relative;
border-left: 0px;
padding-left: 75px;
background: #f4f4f4;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
blockquote.style-4:before {
display: block;
content: "\"";
position: absolute;
top: 0px;
left: 0px;
color: #fff;
font-size: 70px;
background: #e1e1e1;
bottom: 0px;
width: 52px;
vertical-align: middle;
line-height: 75px;
text-align: center;
}
.short-tabs {
display: block;
margin-bottom: 15px;
}
.short-tabs ul {
padding: 0;
margin: 0;
}
.short-tabs > ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
.short-tabs > ul li {
background: transparent;
padding: 0px;
margin: 0px;
display: inline-block;
}
.short-tabs > ul li a {
display: block;
background: #f9f9f9;
color: #232323;
padding: 13px 15px;
border-radius: 3px 3px 0 0;
border: 1px solid #e5e5e5;
border-bottom: 0px;
box-shadow: inset 0 -30px 25px -25px rgba(0,0,0,0.06);
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.short-tabs > ul li.active a {
background: #fff;
border: 1px solid #d9d9d9;
border-bottom: 0px;
border-radius: 3px 3px 2px 2px;
margin-bottom: -15px;
padding-bottom: 15px;
box-shadow: inset 0 40px 35px -35px #fff;
}
.short-tabs > ul li a:hover {
border: 1px solid #d9d9d9;
border-bottom: 0px;
background: #fff;
color: #232323;
}
.short-tabs > div {
display: none;
border-radius: 3px;
-moz-border-radius: 3px;
padding: 20px 20px 5px 20px;
box-shadow: inset 0 0 0 1px #fff;
background: #fff;
border: 1px solid #d9d9d9;
}
.short-tabs > div.active {
display: block;
}
.gallery-preview {
display: block;
margin-bottom: 15px;
width: 413px;
border: 1px solid #eee;
padding: 2%;
max-width: 95%;
margin-bottom: 15px!important;
background: #fff;
margin-left: auto;
margin-right: auto;
}
.gallery-preview .preview-thumbs {
display: block;
margin-bottom: 10px;
}
.gallery-preview .preview-desc {
display: block;
clear: both;
}
.gallery-preview .preview-thumbs img {
display: block;
margin: 0px 1px 1px 0px;
float: left;
width: 70px;
height: 69px;
}
.gallery-preview .preview-thumbs img.featured-photo {
width: 198px;
height: 139px;
}
.gallery-preview .preview-thumbs:after {
display: block;
content: '';
clear: both;
}
.gallery-preview .preview-thumbs {
display: block;
margin-bottom: 10px;
}
.gallery-preview .preview-options {
display: block;
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid #eee;
}
.gallery-preview .preview-options a {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
color: #6b6b6b;
}
.gallery-preview .preview-options a i.fa {
vertical-align: baseline;
padding-right: 4px;
}
.gallery-preview .preview-desc h3 {
font-size: 20px;
margin-bottom: 10px;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.chinmayamission.co.za/wp-content/themes/novomag-theme/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}@media only screen and (max-width: 1254px) {
.active.boxed {
max-width: 100%;
}
.active.boxed {
width: 100%;
}
.wrapper {
width: 95%!important;
}
.content.has-sidebar > .wrapper > .main-content {
width: 71.5%!important;
}
.content.has-sidebar > .wrapper > #sidebar {
width: 25%;
}
.content .panel > .p-title h2, #sidebar .widget > .w-title h3 {
font-size: 12px;
padding: 9px 13px;
}
.slider .slider-image a img {
width: auto!important;
height: 100%;
max-width: initial!important;
}
.content .panel .upper-title, #sidebar .widget .upper-title {
font-size: 8px;
letter-spacing: 0px;
top: 10px;
}
.widget .tagcloud > a {
font-size: 11px;
padding: 5px 7px;
}
.review-list .item .item-content h3 {
font-size: 11px;
}
.review-list .item .item-photo {
width: 50px;
}
.review-list .item .item-content {
padding: 7px 70px 7px 12px;
}
.review-list .item .item-content .review-rating {
font-size: 11px;
padding: 6px 10px;
}
.article-list .item .item-content h3 {
font-size: 11px;
}
.article-list .item .item-header .article-slide h3 a {
font-size: 13px;
}
.article-list .item .item-header .article-slide .info-line {
font-size: 9px;
}
.review-block > .item h3 {
font-size: 15px;
}
.header-block .header-banner {
width: 63%;
}
.header-block .header-banner a img {
width: 100%;
}
.main-menu ul.menu > li ul.sub-menu > li > a, .main-menu ul.menu > li > a {
font-size: 14px;
padding: 13px 13px 11px 13px;
}
.main-menu ul.menu > li a span:after {
top: 2px;
}
.menu-block .category-menu a {
font-size: 12px;
}
.menu-block .featured-post .article-icons {
font-size: 10px;
}
.menu-block .featured-post .item-photo h3 {
font-size: 10px;
left: 10px;
right: 10px;
bottom: -1px;
}
.comments-list .item .item-content, .article-list .item .item-content {
min-height: 55px;
}
.comments-list .item .item-photo, .article-list .item .item-photo {
width: 50px;
height: 50px;
}
.main-menu .search-block .search-value {
padding: 12px 20px;
}
.header-topmenu a {
font-size: 13px;
}
.slider .slider-image a .slider-overlay strong {
font-size: 17px;
}
.article-list .item .item-header .article-slide h3 a {
padding: 10px 10px;
}
.banner-grid img {
width: 39%;
margin: 4%;
max-width: 125px;
}
.content .article-list .item .item-content {
margin-left: 65px;
}
.blog-list.style-2 .item .item-content, .article-list .item.main-artice .item-content {
margin-left: 0px;
}
.accordion > div > a {
font-size: 13px;
}
p, td {
font-size: 13px;
}
.short-tabs > ul li a {
padding: 9px 11px;
font-size: 12px;
font-weight: bold;
}
.short-tabs > ul li.active a {
margin-bottom: -5px;
padding-bottom: 11px;
}
.button {
padding: 0 16px 2px 16px;
line-height: 34px;
}
.coloralert p {
font-size: 13px;
}
.article-head h1 {
font-size: 22px;
}
.article-head h1:first-letter {
font-size: 36px;
}
.article-head .article-info {
font-size: 12px;
}
.footer .footer-bottom p,
.footer .footer-bottom {
font-size: 11px;
}
.main-menu .search-block .search-value:focus {
width: 70px;
}
body .slider .slider-image a img {
width: auto!important;
height: auto!important;
min-height: 120%!important;
max-width: initial!important;
}
body .boxed.active .slider .slider-image a img {
width: auto!important;
height: auto!important;
min-height: 120%!important;
max-width: initial!important;
}
body #sidebar input.search {
width: 94px!important;
}
}
@media only screen and (max-width: 900px) {
body, div, p, a, table, td {
-webkit-text-size-adjust: none;
letter-spacing: .015em;
}
.content.has-sidebar > .wrapper > .main-content,
.content.has-sidebar > .wrapper > #sidebar {
width: 100%!important;
float: none;
}
.content .panel > .p-title h2, #sidebar .widget > .w-title h3 {
font-size: 17px;
padding: 11px 22px;
}
.header-block .header-logo img {
width: 60%;
}
.banner-grid img {
width: 20%;
margin: 2%;
max-width: 125px;
}
#sidebar:before {
display: none;
}
.content.has-sidebar > .wrapper > .main-content,
.content.has-sidebar > .wrapper > #sidebar {
min-height: inherit!important;
height: auto!important;
}
.paragraph-row > div {
width: 100%!important;
float: none;
margin-left: 0px;
margin-bottom: 20px;
}
#comments .comment-block .comment-text .time-stamp {
display: none;
}
#comments li li {
padding-left: 0px;
}
.about-author .about-header img,
.about-author .about-header {
width: 60px;
height: 60px;
}
.about-author .about-content h3 {
font-size: 15px;
}
.about-author .about-content {
margin-left: 80px;
}
.about-author .about-content .right {
display: none;
}
.w-gallery .w-photos .gallery-link-left {
left: 0px;
}
.w-gallery .w-photos .gallery-link-right {
right: 0px;
}
.w-gallery .w-photos .gallery-link-left,
.w-gallery .w-photos .gallery-link-right,
.video-carousel .carousel-left,
.video-carousel .carousel-right {
opacity: 100;
filter: alphap(opacity=100);
}
.social-buttons .social-thing {
margin-top: 0px; 
margin-bottom: 0px;
}
.photo-gallery-blocks .item {
width: 100%;
margin-left: 0px;
float: none;
margin-bottom: 20px;
}
.gallery-categories a {
font-size: 12px;
}
.gallery-thumbnail-list {
height: 72px!important;
margin-top: -17px;
margin-bottom: -17px;
}
.gallery-thumbnail-list .gallery-inner-layer {
position: relative!important;
left: 0px;
top: 0px;
white-space: nowrap;
}
.photo-gallery-single > .paragraph-row > .column2 {
position: relative;
height: auto;
}
.gallery-thumbnail-list .gallery-inner-layer .g-thumb {
display: inline-block;
float: none;
width: 18%;
margin-bottom: 0px;
margin-right: 4px!important;
margin-left: 0px!important;
}
.gallery-description h3 {
font-size: 20px;
}
.gallery-photo .gallery-alt-left,
.gallery-photo .gallery-alt-right {
display: none;
}
.main-menu .search-block {
display: none;
}
.demo-settings {
top: 30%;
}
.header-topmenu li,
.main-menu ul.menu > li {
display: block;
width: 100%;
float: none;
}
.header-topmenu ul ul ul {
left: auto;
top: 0px;
}
.header-topmenu > div > ul.le-first,
.main-menu > div > ul.menu {
display: none;
position: absolute;
top: 100%;
}
.main-menu ul.menu > li > a,
.main-menu ul.menu > li:not(:hover) > a {
border-bottom: 1px solid rgba(0,0,0,0.2)!important;
}
.header-topmenu li {
border-top: 1px solid rgba(255,255,255,0.1);
}
body .toggle-menu {
display: block;
}
.main-menu .menu > .mega-menu-full > ul {
display: none!important;
}
.header-topmenu li > ul,
.main-menu ul.menu ul {
display: block!important;
position: relative;
width: auto;
top: auto;
}
.main-menu ul.menu > li > a {
display: block!important;
font-size: 16px!important;
text-transform: none!important;
padding: 13px 22px!important;
}
body .slider .slider-image a img {
width: auto!important;
height: auto!important;
min-height: 120%!important;
max-width: initial!important;
}
body .boxed.active .slider .slider-image a img {
width: auto!important;
height: auto!important;
min-height: 120%!important;
max-width: initial!important;
}
.main-menu ul.menu li.mega-menu-full:hover ul {
display: none!important;
}
}
@media only screen and (max-width: 730px) {
.blog-list.style-1 .item .item-header {
float:  none;
width: 100%;
height: auto;
margin-bottom: 15px;
max-width: inherit;
}
.blog-list.style-1 .item .item-header a {
display: block;
}
.blog-list.style-1 .item .item-header img {
width: 100%;
height: auto;
}
.blog-list.style-1 .item .item-content {
margin-left: 0px;
}
.ot-slide .ot-slider-layer a .slider-rating,
.owl-carousel .owl-controls .owl-nav {
display: none;
}
.ot-slide .ot-slider-layer.second a .content-bottom > strong,
.ot-slide .ot-slider-layer a .content-bottom > strong {
font-size: 10px;
line-height: 150%;
padding-right: 15px!important;
}
.ot-slide .ot-slider-layer a .content-bottom .categories span.category-tag {
padding: 4px 2px;
font-size: 8px;
}
.ot-slide .ot-slider-layer a .content-bottom .timeago {
font-size: 8px;
}
}
@media only screen and (max-width: 600px) {
.demo-settings {
display: none!important;
}
.header-block > div {
display: block;
width: 100%!important;
text-align: center;
padding: 10px 0;
}
.header-block .header-banner img {
width: 80%!important;
}
.header-block .header-logo img {
width: auto;
max-width: 56%;
}
.footer .footer-bottom p, .footer .footer-bottom,
.footer .footer-bottom ul,
.article-foot .left,
.article-foot .right,
.article-head .article-info .left,
.article-head .article-info .right {
display: block;
float: none;
}
.footer .footer-bottom ul,
.article-foot .right {
margin-top: 8px;
}
.footer .footer-bottom ul li:first-child {
margin-left: 0px;
}
.article-head .article-info .right {
margin-top: 22px;
margin-bottom: -4px;
}
#writecomment p .error-msg {
font-size: 9px;
}
.w-gallery .w-photos:last-child {
overflow: hidden;
}
.w-gallery .w-photos .photo-images a.active {
text-align: center;
}
.footer .footer-widgets .widget {
margin-left: 0px;
width: 100%;
float: none;
margin-bottom: 20px;
}
#writecomment form {
width: 100%;
max-width: 100%;
}
.blog-list.style-2:before {
display: none;
}
.panel-three-split > .panel,
.article-grid-list > .item,
.review-block > .item,
.panel-split > div,
.blog-list.style-2 .item {
clear: both;
float: none;
width: 100%;
margin-left: 0px;
}
.panel-split > div {
margin-bottom: 20px;
}
.blog-list.style-1 .item .item-header {
float: none;
width: 100%;
margin-bottom: 15px;
}
.blog-list.style-1 .item .item-content {
margin-left: 0px;
}
.content .panel > .p-title h2, #sidebar .widget > .w-title h3 {
font-size: 16px;
padding: 9px 15px;
}
.header-topmenu li,
.main-menu ul.menu > li {
display: block;
width: 100%;
float: none;
}
.panel-three-split:before,
.article-grid-list:before,
.panel-split:before,
.content .panel .upper-title, #sidebar .widget .upper-title,
.review-block:before {
display: none;
}
.panel-three-split > .panel,
.article-grid-list > .item {
margin-bottom: 25px;
}
.slider {
height: auto;
}
.slider .slider-image {
height: 260px;
width: 100%;
float: none;
}
.slider-navigation {
display: block;
float: none;
width: 100%;
margin-bottom: 20px;
}
.panel-three-split .item .overset-image,
.article-grid-list > .item .overset-image,
.review-block > .item .overset-image {
display: block;
}
.panel-three-split .item img,
.article-grid-list > .item img,
.review-block > .item img {
width: 100%;
height: auto;
}
.header-topmenu > div > ul.le-first,
.main-menu > div > ul.menu {
display: none;
position: absolute;
top: 100%;
}
.main-menu ul.menu > li > a,
.main-menu ul.menu > li:not(:hover) > a {
border-bottom: 1px solid rgba(0,0,0,0.2)!important;
}
.header-topmenu li {
border-top: 1px solid rgba(255,255,255,0.1);
}
body .toggle-menu {
display: block;
}
.main-menu .menu > .mega-menu-full > ul {
display: none!important;
}
.header-topmenu li > ul,
.main-menu ul.menu ul {
display: block!important;
position: relative;
width: auto;
top: auto;
}
.main-menu ul.menu > li > a {
display: block!important;
font-size: 16px!important;
text-transform: none!important;
padding: 13px 22px!important;
}
.slider .slider-image a img {
width: 100%!important;
height: auto;
min-height: 100%!important;
max-width: initial!important;
}
.banner-grid img {
width: auto;
}
.short-tabs > ul li {
counter-increment: section;
}
.short-tabs > ul li a {
font-size: 0;
}
.short-tabs > ul li a:before {
font-size: 14px;
content: counter(section);
}
body .boxed .slider .slider-image a img,
body .boxed.active .slider .slider-image a img {
width: 120%!important;
height: auto!important;
min-height: inherit!important;
min-width: 500px;
}
.ot-slide .ot-slider-layer a .slider-rating,
.owl-carousel .owl-controls .owl-nav {
display: none;
}
.ot-slide .ot-slider-layer.second a .content-bottom > strong,
.ot-slide .ot-slider-layer a .content-bottom > strong {
font-size: 10px;
line-height: 150%;
padding-right: 15px!important;
}
.ot-slide .ot-slider-layer a .content-bottom .categories span.category-tag {
padding: 4px 2px;
font-size: 8px;
}
.ot-slide .ot-slider-layer a .content-bottom .timeago {
font-size: 8px;
} table, thead, tbody, th, td, tr { 
display: block; 
} thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td { border: none !important;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 45% !important; 
}
td:before { position: absolute; top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
} td:nth-of-type(1):before { content: "S.No."; }
td:nth-of-type(2):before { content: "Year"; }
td:nth-of-type(3):before { content: "Date"; }
td:nth-of-type(4):before { content: "Event"; }
td:nth-of-type(5):before { content: "Venue"; }
td:nth-of-type(6):before { content: "Content"; }
td:nth-of-type(7):before { content: "Attendees"; }
td:nth-of-type(8):before { content: "Link to Gallery"; }
table.shop_table td:nth-of-type(1):before { content: ""; }
table.shop_table  td:nth-of-type(2):before { content: ""; }
table.shop_table  td:nth-of-type(3):before { content: ""; }
table.shop_table td:before {content:none; width:0px}
table.shop_table td{padding-left:10px !important}
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name{max-width:100% !important;}
}