/*
Theme Name: Nominee
Theme URI: http://trendytheme.net/demo2/wp/nominee/
Author: TrendyTheme
Author URI: http://themeforest.net/user/trendytheme
Description: Nominee - WordPress theme for Candidate/Political Leader. It can also be use as any non-profit organization, such as charity, event, campaign etc. It’s unique design is flexible enough to fit any political option and social issue.
Version: 3.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nominee
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options
*/
/* =-=-=-=-=-=-= CSS TABLE CONTENT =-=-=-=-=-=-=
# GENERAL
# TYPOGRAPHY
# GLOBAL STYLES
## BUTTON STYLE
## FORM STYLE
# PAGE HEADER
# NAVIGATION
## MOBILE MENU STYLE
# HOME SECTION
# SLIDER SECTION
# ABOUT SECTION
# SPOTLIGHT SECTION
# TESTIMONIAL SECTION
# MISSION SECTION
# FACT SECTION
# STORY SECTION
# SINGLE STORY PAGE
# ACHIVEMENT SECTION
# ABILITIES SECTION
## PROGRESS BAR
# TWITTER SECTION
## SOCIAL COUNTER
# REFORMATION SECTION
# SINGLE REFORMATION
# MEMBER SECTION
# MEMBER SINGLE PAGE
# VOLUNTEER SECTION
# UPCOMING EVENT
# EVENT SINGLE PAGE
## AGENDA AND SCHEDULE
# DONATION SECTION
# PRESS RELEASE SECTION
# NEWSLETTER SECTION
# BLOG
## POST THUMBNAIL
## POST CONTENT
## POST FORMATE GALLERY
## POST FORMATE AUDIO
## POST FORMAT LINK
## POST CAROUSEL
## BLOG SIDEBAR
### RECENT COMMENT WIDGET
### POPULAR POST WIDGET
### AUTHOR INFO WIDGET
### NEWSLETTER WIDGET
### WIDGET SEARCH FORM
### CALENDER WIDGET
### TAG CLOUD
## BLOG PAGINATION
# BLOG SINGLE PAGE
## POST TAGS
## POST SHARE
## SINGLE POST NAVIGATION
## COMMENT NAVIGATION
# BLOG GRID
# ISSUES
# PAGE STYLE
# CONTACT SECTION
# LOCATION SECTION
# FOOTER SECTION
# TO TOP
# PRELOADER
# 404
# GALLERY
# RESPONSIVE STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* =-=-=-=-=-=-= GENERAL =-=-=-=-=-=-= */
body{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #606060;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased !important;
}
html{
overflow-x: hidden;
}
html,
body {
width: 100%;
height: 100%;
}
/* =-=-=-=-=-=-= LINK STYLE =-=-=-=-=-=-= */
a {
color: #ef4836;
}
a,
a > * {
outline: none;
cursor: pointer;
text-decoration: none;
}
a:focus{
color: #ef4836;
}
a:hover {
color: #bd1604;
}
a:focus,
a:hover {
outline: none;
text-decoration: none;
}
/* =-=-=-=-=-=-= TRANSITION ELEMENTS =-=-=-=-=-=-= */
.navbar a,
.form-control {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
a,
.btn,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* =-=-=-=-=-=-= RESET BOX-SHADOW =-=-=-=-=-=-= */
.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
button:focus {
outline: none !important;
}
/* =-=-=-=-=-=-= TYPOGRAPHY =-=-=-=-=-=-= */
h1, h2, h3, h4, h5, h6{
color: #2f2f2f;
font-weight: 700;
margin: 0 0 15px;
font-family: 'Roboto Slab', serif;
}
h1 {
font-size: 59px;
line-height: 78px;
}
h2 {
font-size: 37px;
line-height: 52px;
}
h3 {
font-size: 23px;
line-height: 26px;
}
h4 {
font-size: 18px;
line-height: 26px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
/* =-=-=-=-=-=-= WORDPRESS CORE =-=-=-=-=-=-= */
.alignnone {
margin: 5px 0 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 20px auto 20px auto;
}
.alignright,
.wp-block-gallery.alignright
.blocks-gallery-grid.alignright,
.wp-block-cover-image.alignright,
.wp-block-cover.alignright{
float:right;
margin: 5 0 20px 20px;
}
.alignleft,
.wp-block-gallery.alignleft,
.blocks-gallery-grid.alignleft,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft{
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 0 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 3px;
text-align: center;
}
.wp-caption figcaption{
padding: 5px 0 0;
}
.wp-caption.alignnone {
margin: 20px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 20px 20px 20px 0;
}
.wp-caption.alignright {
margin: 20px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/*gutenberg support*/
.wp-block-separator {
border: none;
border-bottom: 2px solid #dadada;
margin: 20px auto;
max-width: 100px;
}
.wp-block-separator.is-style-wide{
max-width: 100%;
border: none;
border-bottom: 2px solid #dadada;
}
.alignfull,
.alignwide {
margin-left: 0;
margin-right: 0;
width: auto;
max-width: inherit;
}
@media only screen and ( min-width: 950px) {
.alignwide {
margin-left: 0;
margin-right: 0;
width: auto;
}
.single-post .col-md-10 .entry-content .alignwide {
margin-left: -100px;
margin-right: -100px;
width: auto;
text-align: center;
}
.single-post .col-md-10 .entry-content .alignfull {
margin-left: -webkit-calc( -100vw / 2 + 100% / 2);
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: -webkit-calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
text-align: center;
}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
.wp-block-cover-image {
min-height: 300px;
}
}
@media (max-width: 567px) {
.wp-block-cover-image {
min-height: 220px;
}
}
.wp-block-cover-image,
.wp-block-cover {
margin: 20px 0;
}
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0 !important;
margin: 20px 0px 5px;
}
.wp-block-pullquote blockquote{
margin-bottom: 0;
}
.wp-block-pullquote cite{
font-style: normal;
text-transform: uppercase;
font-size: 13px;
}
.wp-block-pullquote blockquote p{
margin-bottom: 0;
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
padding: 30px 0;
margin: 20px 0;
}
.wp-block-pullquote blockquote::before{
display: none;
}
.wp-block-quote.is-style-large,
.wp-block-quote.is-large{
padding: 15px 10px 15px 60px;
}
.wp-block-media-text .wp-block-media-text__content{
line-height: 1.5;
text-align: left;
}
p.wp-block-subhead,
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image,
.wp-block-image,
.entry-content ul.wp-block-gallery,
.wp-block-text-columns,
.entry-content .wp-block-button,
blockquote.wp-block-quote,
.entry-content .wp-block-quote.is-large,
.wp-block-code,
.wp-block-audio,
.entry-content .wp-block-video,
.wp-block-preformatted,
.wp-block-verse,
.wp-block-table,
.wp-block-categories,
.entry-content .wp-block-latest-posts,
.wp-block-embed,
.wp-block-media-text,
.wp-block-themepunch-revslider {
margin-bottom: 40px;
}
.wp-block-group {
margin-bottom: 20px;
}
.entry-content .wp-block-latest-comments{
padding: 0;
}
.blog-wrapper .posts-content .wp-block-latest-comments li article,
.wp-block-latest-comments li article {
margin-bottom: 20px;
}
.has-background-dim{
color: #ffffff;
}
.has-background{
padding: 20px;
}
.blocks-gallery-grid,
.wp-block-gallery{
padding-left: 0 !important;
}
.entry-content p[style],
.has-large-font-size{
line-height: 1.8;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.wp-block-button.is-style-squared .wp-block-button__link{
border-radius: 0;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
padding: 20px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content{
padding: 0;
}
.wp-block-post-template{
padding: 0;
}
.wp-block-query ul.wp-block-post-template{
margin: 0;
padding: 0;
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{
margin-top: 0;
}
.wp-block-post-comments-form .comment-form-cookies-consent label{
margin: 0;
}
.blog-wrapper .posts-content .wp-block-latest-comments li article{
width: auto;
display: inherit;
}
/* =-=-=-=-=-=-= GLOBAL STYLES =-=-=-=-=-=-= */
body.fullwidth-layout{
background-image: none !important;
}
.site-wrapper{
background-color: #fff;
}
.has-background-image{
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center top;
}
@media only screen and (min-width:1200px) {
.box-layout .site-wrapper{
max-width: 1200px;
margin: 0 auto;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.box-framed-layout .site-wrapper{
max-width: 1200px;
margin: 0 auto;
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
overflow: hidden;
padding: 25px 0;
}
}
@media(min-width: 768px){
.border-layout .site-wrapper{
margin: 0 20px;
overflow: hidden;
padding: 20px 0;
}
}
@media only screen and (min-width:1300px) {
/*.container {
width:1200px
}*/
.box-framed-layout .site-wrapper,
.box-layout .site-wrapper{
max-width: 1220px;
}
}
@media only screen and (min-width:1400px) {
/*.container {
width:1300px
}*/
.box-framed-layout .site-wrapper,
.box-layout .site-wrapper{
max-width: 1400px;
}
}
@media only screen and (min-width:1200px) {
body.box-framed-layout::before,
body.box-framed-layout::after{
background: inherit;
content: "";
display: block;
height: 25px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body.box-framed-layout::after{
bottom: 0;
}
}
@media(min-width: 768px){
body.border-layout::before,
body.border-layout::after{
background: inherit;
content: "";
display: block;
height: 20px;
left: 0;
position: fixed;
width: 100%;
z-index: 99;
}
body.border-layout::after{
bottom: 0;
}
}
.section-wrapper{
position: relative;
}
.vc_row.section-wrapper{
margin-left: 0;
margin-right: 0;
}
.vc_row.vc_row-o-full-height{
min-height: 100vh !important;
}
.ie9 .vc_row-o-full-height .container{
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.page-left-sidebar .entry-content .container,
.page-right-sidebar .entry-content .container,
.page-no-sidebar .entry-content .container,
.blog-wrapper .posts-content .container{
width: 100%;
padding: 0;
}
.mb-50 {
margin-bottom: 50px;
}
.no-padding {
padding: 0;
}
.tt-overlay {
background-color: rgba(0, 0, 0, 0.6);
position: absolute !important;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.overflow-hidden{
overflow: hidden;
}
.page-wrapper,
.content-wrapper{
padding: 100px 0;
}
.issue-wrapper{
padding: 100px 0 55px;
}
.vc-content-wrapper{
padding: 100px 0 0;
}
.colored {
color: #ef4836;
}
.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6{
color: #ffffff;
}
dl dd{
margin-bottom: 10px;
}
pre{
border: 1px solid #ECECEC;
}
code{
color: #888888;
}
iframe{
width: 100%;
}
/* Alert */
.alert {
padding: 8px 15px;
border-radius: 0;
}
.alert-info{
color: #31708f;
background-color: #f5f5f5;
border-color: transparent;
}
blockquote{
position: relative;
margin: 0 0 21px;
padding: 15px 10px 15px 60px;
border: 0;
font-size: 16px;
font-style: italic;
}
blockquote::before{
position: absolute;
left: 5px;
top: 20px;
content: "\f10d";
font-family: fontawesome;
font-size: 30px;
color: #bbb;
}
blockquote cite {
font-size: 13px;
}
ul.check-list{
padding-left: 30px;
}
ul.check-list li{
list-style: none;
position: relative;
}
ul.check-list li::before{
position: absolute;
top: 0;
left: -30px;
content: "\f00c";
font-family: fontawesome;
margin-right: 15px;
}
/* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */
table{
border: 1px solid #ddd;
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th{
padding: 8px;
vertical-align: middle;
border: 1px solid #ddd;
border-top: 1px solid #ddd;
}
/* =-=-=-=-=-=-= CAROUSEL CONTROLS =-=-=-=-=-=-= */
.owl-controls {
margin: -20px 0 0;
}
.owl-theme .owl-dots .owl-dot span{
margin: 0 5px;
border-radius: 0;
background-color: transparent;
border: 1px solid #ddd;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
background: #ef4836;
border: 1px solid #ef4836;
}
/* =-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-= */
.section-intro {
margin-bottom: 70px;
}
.section-intro h2{
margin: 0;
text-transform: capitalize;
display: inline-block;
}
.section-intro h2 span{
color: #ef4836;
}
.section-intro p{
margin-bottom: 0;
}
span.separator {
background-color: #ef4836;
height: 1px;
width: 50px;
position: relative;
display: block;
margin: 20px auto 0;
}
.section-intro.text-left span.separator{
margin: 20px 0;
}
.section-intro.text-right span.separator{
float: right;
}
.section-intro.text-right .title-description{
clear: both;
}
span.separator span{
height: 8px;
width: 8px;
background-color: #ef4836;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -4px;
left: 50%;
margin-left: -4px;
}
.title-description{
padding-top: 25px;
display: inline-block;
width: 100%;
}
/*Donation Title*/
.donation-section-intro {
font-size: 12px;
letter-spacing: 5px;
}
.donation-section-sub {
font-size: 16px;
line-height: 28px;
padding-top: 15px;
}
@media screen and (min-width: 992px) {
.donation-section-sub {
width: 85%;
margin: 0 auto;
}
}
/* =-=-=-=-=-=-= BUTTON STYLE =-=-=-=-=-=-= */
.btn,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button,
.wp-block-search__button,
.wp-block-post-comments-form input[type="submit"]{
padding: 6px 15px;
border-radius: 0;
}
.btn-primary,
.woocommerce a.button,
.wp-block-search__button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .product .entry-summary a.single_add_to_cart_button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.widget.woocommerce #respond input#submit,
.widget.woocommerce a.button,
.widget.woocommerce button.button,
.widget.woocommerce input.button,
.widget.woocommerce #respond input#submit:hover,
.widget.woocommerce a.button:hover,
.widget.woocommerce button.button:hover,
.widget.woocommerce input.button:hover,
.wp-block-post-comments-form input[type="submit"]{
color: #fff;
background-color: #ef4836;
border: 0;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce .cart .button,
.wp-block-search__button:hover,
.woocommerce .cart input.button{
background-color: #ef4836;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover,
.woocommerce .product .entry-summary a.single_add_to_cart_button:focus,
.woocommerce .product .entry-summary a.single_add_to_cart_button:active,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.wp-block-post-comments-form input[type="submit"]:hover {
background-color: #bd1604;
}
.btn-outline{
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover,
.open>.dropdown-toggle.btn-outline {
color: #ffffff;
background-color: #ef4836;
border-color: transparent;
}
.btn-default {
color: #ef4836;
background-color: #ffffff;
border-color: transparent;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
color: #ef4836;
background-color: #dfdfdf;
border-color: transparent;
}
.btn-group-lg>.btn,
.btn-lg {
padding: 10px 16px;
font-size: 14px;
}
.btn-sm {
font-size: 12px;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 16px;
padding-right: 16px;
}
.btn-md {
font-size: 14px;
font-weight: 600;
padding: 12px 30px;
border: 0;
}
.hero-banner-wrapper .btn-lg {
font-size: 16px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 25px;
padding-right: 25px;
}
.btn-xl{
padding: 15px 48px;
font-weight: 600;
font-size: 14px;
}
/* =-=-=-=-=-=-= FORM STYLE =-=-=-=-=-=-= */
.form-group {
margin-bottom: 30px;
}
.form-control,
.login-username input,
.login-password input {
height: 45px;
background-color: transparent;
border: 1px solid #e1e1e1;
border-radius: 0;
}
.form-control:focus {
border-color: #ef4836;
background-color: #fafafa;
}
/* =-=-=-=-=-=-= PAGE HEADER =-=-=-=-=-=-= */
.page-header-section{
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-color: #333333;
background-position: top center;
padding: 100px 0;
}
.page-header-section .tt-overlay{
background-color: rgba(0, 0, 0, 0.5);
}
.page-header-section h2{
display: inline-block;
font-size: 36px;
line-height: 46px;
color: #fff;
margin: 0;
}
.page-header-section .page-header{
margin: 0;
padding: 0;
border-bottom: 0;
position: relative;
z-index: 1;
}
.single-post .page-header-section .page-header,
.single-campaign .page-header-section .page-header{
text-align: center;
}
.header-transparent .page-header-section{
padding: 150px 0 100px;
}
.header-style-fullwidth .page-header-section{
padding: 170px 0 100px;
}
.header-style-fullwidth.has-header-topbar .page-header-section{
padding: 210px 0 100px;
}
.header-style-box-style .page-header-section{
padding: 240px 0 50px;
}
.page-header .breadcrumb{
float: right;
background-color: transparent;
padding: 0;
margin: 10px 0 0;
}
.single-post .page-header .breadcrumb,
.single-campaign .page-header .breadcrumb{
float: none;
}
.page-header .breadcrumb li.active{
color: #e2e2e2;
}
.page-header .breadcrumb>li+li:before{
padding: 0 0 0 5px;
color: #e2e2e2;
}
@media (max-width : 767px) {
.page-header-section{
text-align: center;
}
.header-transparent .page-header-section,
.header-style-fullwidth .page-header-section {
padding: 100px 0;
}
.page-header-section h2{
display: block;
margin-bottom: 15px;
}
.page-header .breadcrumb{
float: none;
margin: 0;
}
.header-style-box-style .page-header-section{
padding: 120px 0 50px;
}
}
/* =-=-=-=-=-=-= NAVIGATION =-=-=-=-=-=-= */
.main-menu-wrapper{
margin-top: 8px;
}
.main-menu{
position: relative;
}
@media(min-width:768px) {
/*menu label*/
.navbar-nav li.new > a{
position: relative;
}
.navbar-nav li.new > a::before{
content: "New";
position: absolute;
left: 0;
top: -3px;
font-size: 10px;
background-color: red;
display: inline-block;
line-height: 12px;
padding: 0 2px;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
}
.navbar-nav .dropdown-menu li.new > a::before{
left: auto;
right: 25px;
top: 14px;
}
/*end menu label*/
.navbar-nav li.has-mega-menu{
position: static;
}
.navbar-nav ul{
position: static;
display: block;
border: 0;
margin: 0;
min-width: 200px;
}
.navbar-default {
background-color: #ffffff;
padding: 10px 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header-transparent .navbar-default{
background-color: transparent;
}
.header-transparent .navbar-default::before {
content: "";
background: rgba(0, 0, 0, 1);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(90%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 90%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
top: 0;
position: absolute;
width: 100%;
height: 120px;
z-index: -1;
}
.header-transparent .navbar-default.sticky::before {
display: none;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 23px;
}
.sticky .navbar-nav>li>.dropdown-menu {
margin-top: 13px;
}
.navbar-right .dropdown-menu {
right: auto;
left: 15px;
}
.sticky .navbar-right .dropdown-menu {
left: 13px;
}
}
.sticky.navbar-default {
padding: 10px 0;
background-color: #2f2f2f;
}
.single-post .header-wrapper .navbar-default,
.header-default .header-wrapper.sticky .navbar-default,
.header-style-center-logo .header-wrapper.sticky .navbar-default{
-webkit-box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.25);
-o-box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 1px 7px -2px rgba(0, 0, 0, 0.25);
}
.navbar-header h1{
display: inline-block;
margin: 0;
line-height: 48px;
font-size: 44px;
}
.navbar-brand {
margin: 0;
padding: 0;
height: auto;
}
@media(max-width: 1199px){
.navbar-brand{
margin: 0 !important;
}
}
.navbar-brand img {
width: inherit;
height: inherit;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{
margin-left: 0;
}
.navbar .nav>li {
padding: 0 15px;
-webkit-transition: padding .4s ease-in-out;
-moz-transition: padding .4s ease-in-out;
transition: padding .4s ease-in-out;
}
.navbar .nav>li>a{
padding: 5px 0;
-webkit-transform: translateZ(0);
}
.navbar .nav li a i{
margin-right: 8px;
}
.navbar .nav li a.menu-heading{
cursor: default;
font-size: 16px !important;
text-transform: uppercase;
}
.navbar .nav li a.menu-heading:hover{
color: inherit;
background-color: transparent;
}
.navbar-default {
margin-bottom: 0;
border-color: transparent;
z-index: 100;
border: 0;
border-radius: 0;
}
.header-wrapper.navbar-fixed-top{
position: static;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header-transparent .header-wrapper.navbar-fixed-top{
position: absolute;
top: 0;
}
.header-wrapper.navbar-fixed-top.sticky{
position: fixed;
}
@media only screen and (min-width:1200px) {
.box-framed-layout .header-wrapper.navbar-fixed-top{
padding-top: 25px;
}
.header-transparent.box-framed-layout .site-wrapper .navbar-default.navbar-fixed-top{
top: 25px;
}
.box-framed-layout .header-wrapper.navbar-fixed-top.sticky,
.box-framed-layout .navbar-default.navbar-fixed-top.sticky{
top: 25px;
padding-top: 0;
}
}
@media only screen and (min-width:768px) {
.border-layout .header-wrapper.navbar-fixed-top{
padding-top: 20px;
}
.header-transparent.border-layout .navbar-default.navbar-fixed-top{
top: 20px;
}
.border-layout .header-wrapper.navbar-fixed-top.sticky,
.border-layout .navbar-default.navbar-fixed-top.sticky{
top: 20px;
padding-top: 0;
}
}
@media only screen and (min-width:1300px) {
.box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top,
.box-framed-layout .site-wrapper .navbar-default.navbar-fixed-top,
.box-layout .site-wrapper .header-wrapper.navbar-fixed-top,
.box-layout .site-wrapper .navbar-default.navbar-fixed-top{
max-width: 1220px;
margin: 0 auto;
}
}
@media only screen and (min-width:1400px) {
.box-framed-layout .site-wrapper .header-wrapper.navbar-fixed-top,
.box-framed-layout .site-wrapper .navbar-default.navbar-fixed-top,
.box-layout .site-wrapper .header-wrapper.navbar-fixed-top,
.box-layout .site-wrapper .navbar-default.navbar-fixed-top{
max-width: 1400px;
margin: 0 auto;
}
}
@media(min-width: 768px){
.border-layout .header-wrapper.navbar-fixed-top,
.border-layout .navbar-default.navbar-fixed-top{
left: 20px;
right: 20px;
width: inherit;
}
}
.sticky.navbar-default {
position: fixed;
right: 0;
left: 0;
top: 0;
width: 100%;
border-radius: 0;
}
.admin-bar.header-transparent .navbar-default,
.admin-bar.header-style-fullwidth .header-wrapper,
.admin-bar .header-wrapper,
.admin-bar .sticky.navbar-default{
top: 32px;
}
@media only screen and (min-width:1200px) {
.box-framed-layout.admin-bar.header-transparent .navbar-default,
.box-framed-layout.admin-bar.header-style-fullwidth .header-wrapper,
.box-framed-layout.admin-bar .header-wrapper,
.box-framed-layout.admin-bar .header-wrapper.navbar-fixed-top.sticky{
top: 57px;
}
}
@media only screen and (min-width:768px) {
.border-layout.admin-bar.header-transparent .navbar-default,
.border-layout.admin-bar.header-style-fullwidth .header-wrapper,
.border-layout.admin-bar .header-wrapper,
.border-layout.admin-bar .header-wrapper.navbar-fixed-top.sticky{
top: 52px;
}
}
@media(max-width : 782px) {
.admin-bar.header-transparent .navbar-default,
.admin-bar.header-style-fullwidth .header-wrapper,
.admin-bar .navbar-fixed-top,
.admin-bar .sticky.navbar-default {
top: 45px;
}
}
@media(max-width : 600px) {
.admin-bar .sticky.navbar-default,
.admin-bar .navbar-fixed-top.sticky{
top: 0;
}
}
.navbar-default .navbar-nav>li>a {
color: #4c4c4c;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
@media(max-width: 767px){
.navbar-default .navbar-nav>li>a {
font-size: 16px;
line-height: 28px;
}
}
.header-transparent .navbar-default .navbar-nav>li>a {
color: #ffffff;
}
.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
color: #ef4836;
}
.header-transparent .navbar-default .navbar-nav>.active>a,
.header-transparent .navbar-default .navbar-nav>.active>a:focus,
.header-transparent .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #ef4836;
background-color: transparent;
border-bottom: 2px solid #ef4836;
}
/*Dropdown Style*/
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #ef4836;
background-color: transparent;
border-bottom: 2px solid #ef4836;
}
.navbar-nav>li:hover > .dropdown-wrapper > ul{
display: block;
}
.navbar-nav>li .dropdown-menu {
border-radius: 0;
padding: 10px 0;
}
.dropdown-menu>li>a {
padding: 7px 20px;
font-size: 13px;
font-weight: 400;
line-height: 24px;
color: #2f2f2f;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
color: #ef4836;
background-color: #f5f5f5;
}
.navbar-default .navbar-nav li.current-menu-ancestor>a,
.navbar-default .navbar-nav li.current-menu-parent>a,
.navbar-default .navbar-nav li.current-menu-item>a{
color: #ef4836;
}
.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{
color: #2f2f2f;
}
.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #ef4836;
}
.navbar-nav li .dropdown-wrapper{
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
top: 40px;
padding-top: 22px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.navbar-nav > li:hover > .dropdown-wrapper{
top: 30px;
}
.navbar-nav li .dropdown-wrapper span{
position: absolute;
top: 12px;
right: 10px;
}
/*2nd lavel menu*/
.navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{
left: 100%;
margin-left: 10px;
top: -10px;
padding: 0 0 0 5px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{
margin-left: -5px;
}
.navbar-nav > li:hover > .dropdown-wrapper,
.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{
visibility: visible;
opacity: 1;
}
/* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */
.navbar-nav li .megamenu-wrapper{
position: absolute;
top: 40px;
left: auto;
right: 0;
visibility: hidden;
opacity: 0;
padding: 22px 0 0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.navbar-nav li:hover > .megamenu-wrapper{
top: 30px;
}
.navbar-nav li:hover > .megamenu-wrapper,
.navbar-nav li:hover > .megamenu-wrapper .dropdown-wrapper{
visibility: visible;
opacity: 1;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper{
position: static;
padding: 0;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul{
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul li{
border: 0;
}
.navbar-nav li.has-mega-menu .megamenu-wrapper ul li a{
padding: 8px 15px;
}
.navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a{
border-bottom: 0;
}
.megamenu-wrapper .dropdown-megamenu{
width: 100%;
padding: 20px !important;
}
.megamenu-wrapper .menu-col-1 > li{
width: 100%;
}
.megamenu-wrapper .menu-col-2 > li{
width: 50%;
float: left;
}
.megamenu-wrapper .menu-col-3 > li{
width: 33.33%;
float: left;
}
.megamenu-wrapper .menu-col-4 > li{
overflow: hidden;
width: 25%;
float: left;
}
.navbar-default.sticky .dropdown-wrapper{
top: 40px;
padding-top: 23px;
}
.navbar-default.sticky .megamenu-wrapper{
top: 35px;
padding-top: 28px;
}
.navbar-default.sticky .navbar-nav li:hover > .megamenu-wrapper{
top: 25px;
}
@media (min-width : 992px) and (max-width : 1199px) {
.navbar-nav li .megamenu-wrapper,
.navbar-nav li .dropdown-wrapper{
padding-top: 20px;
}
}
@media (min-width : 768px) and (max-width : 991px) {
.navbar-nav li .dropdown-wrapper,
.navbar-nav li .megamenu-wrapper{
padding-top: 12px;
}
}
/* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */
@media(max-width : 767px) {
.navbar-brand {
padding: 4px 15px;
}
.navbar .nav>li{
padding: 0;
}
.navbar-default .navbar-nav li a {
color: #fff;
padding: 7px 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
background-color: transparent;
color: #ef4836;
}
.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{
color: #ffffff;
}
.navbar-nav li{
list-style: none;
}
.navbar-nav li .dropdown-wrapper,
.navbar-nav li .sub-dropdown-wrapper{
position: static;
padding: 0;
margin: 0;
}
.navbar-nav>li:hover > .dropdown-wrapper > ul{
display: none;
}
.navbar-nav>li.open > .dropdown-wrapper > ul{
display: block;
}
.navbar-nav li ul li a{
line-height: 30px;
}
/*mobile menu dropdown trigger*/
.dropdown-menu-trigger{
position: absolute;
right: 0;
top: 4px;
color: #fff;
border: 0;
text-align: center;
background-color: transparent;
}
.dropdown-menu-trigger i{
background-color: rgba(150, 150, 150, 0.34);
font-size: 12px;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
font-size: 16px;
display: inline-block;
}
.dropdown-menu-trigger i:last-child{
display: none;
}
.dropdown-menu-trigger.menu-collapsed i:first-child{
display: none;
}
.dropdown-menu-trigger.menu-collapsed i:last-child{
display: block;
background-color: #ef4836;
}
.has-mega-menu .has-mega-menu-child .collapse{
display: block;
padding: 0;
}
.has-mega-menu .has-mega-menu-child .dropdown-menu-trigger{
display: none;
}
.mobile-menu.navbar-collapse{
max-height: 360px;
}
}
.navbar-toggle {
border-radius: 0;
margin-top: 10px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
background-color: #EF4836;
border-color: #EF4836;
}
/*Header center logo
--------------------*/
.header-style-center-logo .header-top-wrapper .container{
width: 100%;
}
.header-social-links .social-links li a{
width: inherit;
height: inherit;
line-height: 32px;
border: 0;
transform: none;
}
.header-social-links .social-links li a:hover{
background-color: transparent;
color: #ef4836;
border: 0;
}
.header-social-links .social-links li a i{
transform: none;
}
@media(min-width: 768px){
.header-social-links{
display: inline-block;
}
.header-style-center-logo .navbar-brand img{
max-width: 100%;
height: auto;
}
.nav-center-position .navbar-header,
.nav-center-position .navbar-brand{
float: none;
text-align: center;
}
.nav-left-position{
padding-right: 0;
}
.nav-left-position .menu-left{
display: inline-block !important;
float: right;
}
.nav-right-position{
padding-left: 0;
}
.nav-center-position{
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px){
.header-style-center-logo .navbar-brand {
padding: 4px 0;
}
}
@media(max-width: 991px){
.header-style-center-logo .nav-right-position .donate-button{
display: none;
}
.header-style-center-logo .navbar-nav{
margin: 0;
}
}
/* Header box style
---------------------*/
.header-style-box-style .site-wrapper {
padding-top: 0 !important;
}
.tt-header-box-style.header-wrapper.navbar-fixed-top{
position: fixed;
margin-top: 30px !important;
}
.has-header-topbar .tt-header-box-style.header-wrapper.navbar-fixed-top{
margin-top: 0 !important;
}
.has-header-topbar .tt-header-box-style.header-wrapper .header-top-wrapper{
margin-bottom: 20px;
}
.tt-header-box-style .navbar-default{
border-radius: 10px;
padding: 0;
}
.tt-header-box-style .navbar-header{
float: none;
padding: 20px 32px;
}
.tt-header-box-style .navbar-header h1{
line-height: 1;
}
.tt-header-box-style .main-menu-wrapper{
background-color: #5333dd;
margin: 0;
border-radius: 10px;
padding: 17px 20px 17px 17px;
}
.tt-header-box-style .contact-info ul > li{
padding-right: 40px;
}
.tt-header-box-style .contact-info ul > li:last-child{
padding-right: 0;
}
.tt-header-box-style .contact-info ul > li > i{
float: left;
width: 35px;
height: 35px;
border: solid 1px #cbc9c9;
border-radius: 50%;
line-height: 35px;
text-align: center;
}
.tt-header-box-style .contact-info span.number-info{
padding-left: 10px;
float: left;
line-height: 1.5;
}
.tt-header-box-style .contact-info span.number-info strong{
display: block;
font-size: 16px;
color: #000;
}
.tt-header-box-style .header-top-wrapper .contact-info ul > li > i{
width: inherit;
height: inherit;
line-height: inherit;
border: 0;
color: inherit;
float: none;
}
.header-wrapper.tt-header-box-style .donate-button{
line-height: inherit;
margin-left: 10px;
}
.tt-header-box-style .report-button{
margin-left: 50px;
}
.report-button a{
padding: 8px 30px;
background-color: #d3d9e3;
font-size: 14px;
text-transform: uppercase;
color: #212121;
font-weight: 600;
}
.report-button a:hover{
color: #fff;
background-color: #ef4836;
}
.tt-header-box-style .donate-button a,
.tt-header-box-style .report-button a{
padding: 15px 25px;
display: inline-block;
}
.tt-header-box-style .navbar-default .navbar-nav>li>a{
font-size: 16px;
color: #fff;
}
.tt-header-box-style .social-links li a{
color: #fff;
}
.tt-header-box-style .navbar-default .navbar-nav li a:focus,
.tt-header-box-style .navbar-default .navbar-nav li a:hover{
color: #ef4836;
}
.tt-header-box-style.header-wrapper.navbar-fixed-top.sticky{
margin-top: 0 !important;
}
.header-style-box-style .header-wrapper.sticky .donate-button,
.header-style-box-style .header-wrapper.sticky .report-button{
display: none;
}
.header-style-box-style .header-wrapper.sticky .main-menu-wrapper{
border-radius: 0;
}
.header-style-box-style .header-wrapper.sticky .navbar-nav,
.header-style-box-style .header-wrapper.sticky .header-social-links{
margin-top: 5px;
}
@media(min-width: 768px){
.header-style-box-style .header-wrapper.sticky .navbar-header {
padding: 12px 32px 0;
}
.header-style-box-style .header-wrapper.sticky .navbar-header{
float: left;
}
.tt-header-box-style.header-wrapper.sticky::before{
content:"";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #5333dd;
}
}
.tt-header-box-style.header-wrapper.sticky .contact-info{
display: none;
}
@media(max-width: 1199px){
.tt-header-box-style .contact-info ul > li {
padding-right: 20px;
}
.tt-header-box-style .report-button {
margin-left: 30px;
}
}
@media(max-width: 767px){
.tt-header-box-style.header-wrapper.navbar-fixed-top{
margin-top: 0 !important;
}
.tt-header-box-style > .container{
padding: 0;
}
.tt-header-box-style .navbar-default {
border-radius: 0;
}
.tt-header-box-style .navbar-header {
padding: 10px 5px;
}
.tt-header-box-style .navbar-nav{
margin: 0;
}
}
/* =-=-=-=-=-=-= HEADER TOP BAR =-=-=-=-=-=-= */
.header-top-wrapper{
background-color: #f9f9f9;
border-bottom: 1px solid #f7f7f7;
font-size: 13px;
line-height: 40px;
}
.header-wrapper.sticky .header-top-wrapper{
display: none;
}
.news-ticker-wrapper{
display: none;
}
.news-ticker-wrapper span{
float: left;
margin-right: 10px;
line-height: 40px;
font-weight: 700;
}
.news-ticker{
margin: 0;
padding: 0;
list-style: none;
line-height: 40px;
}
.news-ticker li{
font-size: 13px;
}
.news-ticker li a{
color: #606060;
}
.news-ticker li a:hover{
color: #ef4836;
}
.contact-info ul{
float: right;
margin: 0;
}
.contact-info ul li{
display: inline-block;
line-height: 18px;
padding-right: 20px;
}
.contact-info ul li i{
margin-right: 5px;
}
.contact-info ul li:last-child{
padding-right: 0;
}
.contact-info ul li a{
color: #525252;
}
.contact-info ul li a:hover{
color: #ef4836;
}
.contact-info ul li:last-child{
border-right: 0;
}
.header-wrapper .donate-button{
margin: 0;
background-color: transparent !important;
}
.main-menu .donate-button{
margin: 10px 0 0 20px;
}
.header-transparent .main-menu .donate-button{
margin: 5px 0 0 20px;
}
.donate-button a{
font-size: 14px;
text-transform: uppercase;
background-color: #ef4836;
color: #ffffff;
font-weight: 600;
padding: 10px 22px;
}
.donate-button a:hover,
.donate-button a:focus{
background-color: #bd1604;
color: #ffffff;
}
.wpb_wrapper > div.donate-button{
background-color: transparent !important;
}
/*mobile donate button*/
.mobile-donate-button{
margin: 10px 10px 0 0;
}
.mobile-donate-button .btn{
padding: 7px 15px;
}
/*Language switcher*/
.language-switcher #lang_sel {
height: 18px;
}
.language-switcher > div{
z-index: 100000;
}
.language-switcher ul li{
text-align: center;
width: 60px !important;
}
.language-switcher ul li a.lang_sel_sel{
background: none !important;
border: 0 !important;
margin-left: 10px;
}
.language-switcher ul li a.lang_sel_sel::after{
content: "\f107";
font-family: fontawesome;
}
.language-switcher #lang_sel ul ul{
width: 60px;
}
/*user area*/
.user-area{
margin-left: 20px;
}
.user-area a{
color: #2f2f2f;
}
.header-transparent .header-top-wrapper .user-area a,
.header-style-fullwidth .header-top-wrapper .user-area a{
color: #fff;
}
/*social icons*/
.header-top-wrapper .header-social-links{
margin-left: 20px;
}
.header-social-links .social-links ul{
margin: 0;
}
/*header cart icon*/
.woo-action-button{
position: relative;
right: 20px;
top: 22px;
float: right;
}
.woo-action-button::before{
border-left: 1px solid #ddd;
content: "";
position: absolute;
left: 5px;
top: 0;
height: 22px;
}
.tt-cart-count{
margin-left: 20px;
margin-right: 5px;
}
.tt-cart-count .cart-contents{
color: #2f2f2f;
position: relative;
display: block;
}
.tt-cart-count .cart-contents .cart-count{
background-color: #ef4836;
border-radius: 50%;
color: #ffffff;
display: inline-block;
height: 15px;
left: 4px;
line-height: 15px;
margin-left: 5px;
position: absolute;
text-align: center;
top: 7px;
width: 15px;
font-size: 10px;
font-weight: bold;
}
.header-transparent .navbar-default.sticky .header-top-wrapper{
display: none;
}
@media (min-width: 768px) {
.header-transparent .header-top-wrapper{
background-color: transparent;
border-color: rgba(255, 255, 255, 0.12);
color: #fff;
}
.header-transparent .header-top-wrapper li,
.header-transparent .header-top-wrapper i,
.header-transparent .header-top-wrapper a,
.header-transparent .header-top-wrapper strong{
color: #fff;
}
.header-transparent .header-top-wrapper a:hover{
color: #ef4836;
}
.header-transparent.has-header-topbar .header-top-wrapper{
margin-bottom: 10px;
}
.header-transparent.has-header-topbar .navbar-default{
padding-top: 0;
}
.header-transparent.has-header-topbar .sticky.navbar-default{
padding-top: 10px;
}
}
/*Landing section styles*/
.landing-content-wrapper .landing-intro {
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 5px;
color: #fff;
margin-bottom: 5px;
display: block;
}
.landing-content-wrapper h2 {
font-size: 75px;
line-height: 90px;
font-weight: 700;
color: #fff;
font-family: inherit;
}
@media(min-width: 768px) and (max-width: 991px) {
.landing-content-wrapper h2 {
font-size: 68px;
line-height: 80px;
}
}
.landing-content-wrapper .continue-button {
margin-top: 60px;
}
@media(max-width: 767px) {
.landing-content-wrapper h2 {
font-size: 45px;
line-height: 50px;
}
.landing-content-wrapper .continue-button {
margin-bottom: 50px;
}
}
@media(max-width: 480px) {
.landing-content-wrapper h2 {
font-size: 35px;
line-height: 45px;
}
.landing-content-wrapper .continue-button {
margin-top: 30px;
}
}
.landing-content-wrapper .continue-button a {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
color: #fff;
letter-spacing: 3px;
}
.landing-content-wrapper .continue-button a i {
width: 35px;
height: 35px;
line-height: 35px;
background-color: #f20e00;
text-align: center;
border-radius: 50%;
margin-left: 10px;
font-size: 14px;
}
.landing-sub{
margin-top: 40px;
}
.landing-sub p {
color: #ffffff;
font-size: 17px;
line-height: 32px
}
/* =-=-=-=-=-=-= HOME SECTION =-=-=-=-=-=-= */
.home-section {
position: relative;
}
.intro {
text-align: center;
}
.intro.text-left {
text-align: left;
}
.intro.text-center {
text-align: center;
}
.intro.text-right {
text-align: right;
}
.intro-sub {
display: block;
font-size: 24px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
.intro-sub .clored-text {
color: #ef4836;
}
.intro-sub .clored-text span{
color: #fff;
}
.intro hr {
max-width: 60px;
position: relative;
}
.intro hr.colored {
border-color: #ef4035;
}
.intro hr::after {
content: "";
height: 8px;
width: 8px;
background-color: #ef4035;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -4px;
left: 50%;
margin-left: -4px;
}
.intro h1{
font-size: 3.5em;
text-transform: uppercase;
color: #fff;
margin: 0;
line-height: 1.1;
}
.tt-text-rotator .intro h1{
margin-top: 15px;
}
/* =-=-=-=-=-=-= TT HOME SLIDER SECTION =-=-=-=-=-=-= */
.tt-slider ul{
margin: 0;
padding: 0;
}
.slides-container .item{
position: relative;
}
.slides-container .intro {
position: absolute;
width: 100%;
top: 50%;
left: 0;
padding: 0 15px;
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.header-style-box-style .slides-container .intro {
margin-top: 100px;
}
.tt-slider .intro-sub{
color: #ef4836;
}
.tt-slider .tt-title {
display: block;
font-size: 60px;
line-height: 1.2;
font-weight: 700;
text-transform: capitalize;
color: #fff;
margin-bottom: 0;
}
@media(max-width: 767px){
.header-style-box-style .slides-container .intro {
margin-top: 30px;
}
.xs-font-size-100{
font-size: 100px !important;
}
.xs-font-size-90{
font-size: 90px !important;
}
.xs-font-size-80{
font-size: 80px !important;
}
.xs-font-size-70{
font-size: 70px !important;
}
.xs-font-size-60{
font-size: 60px !important;
}
.xs-font-size-50{
font-size: 50px !important;
}
.xs-font-size-40{
font-size: 40px !important;
}
.xs-font-size-30{
font-size: 30px !important;
}
}
@media(min-width: 768px) and (max-width: 991px){
.sm-font-size-100{
font-size: 100px !important;
}
.sm-font-size-90{
font-size: 90px !important;
}
.sm-font-size-80{
font-size: 80px !important;
}
.sm-font-size-70{
font-size: 70px !important;
}
.sm-font-size-60{
font-size: 60px !important;
}
.sm-font-size-50{
font-size: 50px !important;
}
.sm-font-size-40{
font-size: 40px !important;
}
.sm-font-size-30{
font-size: 30px !important;
}
}
@media(min-width: 992px) and (max-width: 1399px){
.md-font-size-100{
font-size: 100px !important;
}
.md-font-size-90{
font-size: 90px !important;
}
.md-font-size-80{
font-size: 80px !important;
}
.md-font-size-70{
font-size: 70px !important;
}
.md-font-size-60{
font-size: 60px !important;
}
.md-font-size-50{
font-size: 50px !important;
}
.md-font-size-40{
font-size: 40px !important;
}
.md-font-size-30{
font-size: 30px !important;
}
}
@media(min-width: 1400px){
.lg-font-size-100{
font-size: 100px !important;
}
.lg-font-size-90{
font-size: 90px !important;
}
.lg-font-size-80{
font-size: 80px !important;
}
.lg-font-size-70{
font-size: 70px !important;
}
.lg-font-size-60{
font-size: 60px !important;
}
.lg-font-size-50{
font-size: 50px !important;
}
.lg-font-size-40{
font-size: 40px !important;
}
.lg-font-size-30{
font-size: 30px !important;
}
}
/* Text animation delay
/* ------------------------------ */
.delay-100 {
-webkit-animation-delay: 100ms;
-moz-animation-delay: 100ms;
animation-delay: 100ms;
}
.delay-200 {
-webkit-animation-delay: 200ms;
-moz-animation-delay: 200ms;
animation-delay: 200ms;
}
.delay-1 {
-webkit-animation-delay: 300ms;
-moz-animation-delay: 300ms;
animation-delay: 300ms;
}
.delay-400 {
-webkit-animation-delay: 400ms;
-moz-animation-delay: 400ms;
animation-delay: 400ms;
}
.delay-500 {
-webkit-animation-delay: 500ms;
-moz-animation-delay: 500ms;
animation-delay: 500ms;
}
.delay-2 {
-webkit-animation-delay: 600ms;
-moz-animation-delay: 600ms;
animation-delay: 600ms;
}
.delay-700 {
-webkit-animation-delay: 700ms;
-moz-animation-delay: 700ms;
animation-delay: 700ms;
}
.delay-800 {
-webkit-animation-delay: 800ms;
-moz-animation-delay: 800ms;
animation-delay: 800ms;
}
.delay-1000 {
-webkit-animation-delay: 1000ms;
-moz-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.delay-3 {
-webkit-animation-delay: 1200ms;
-moz-animation-delay: 1200ms;
animation-delay: 1200ms;
}
.delay-4 {
-webkit-animation-delay: 1500ms;
-moz-animation-delay: 1500ms;
animation-delay: 1500ms;
}
.delay-5 {
-webkit-animation-delay: 1800ms;
-moz-animation-delay: 1800ms;
animation-delay: 1800ms;
}
#slides .slides-control ul li{
position: relative;
z-index: 1;
}
.overlay-enabled .slides-control ul li::before{
position: absolute;
content:"";
background-color: #000;
width: 100%;
height: 100%;
opacity: 0.3
}
.overlay-enabled.opacity-one .slides-control ul li::before{
opacity: 0.1;
}
.overlay-enabled.opacity-two .slides-control ul li::before{
opacity: 0.2;
}
.overlay-enabled.opacity-three .slides-control ul li::before{
opacity: 0.3;
}
.overlay-enabled.opacity-four .slides-control ul li::before{
opacity: 0.4;
}
.overlay-enabled.opacity-five .slides-control ul li::before{
opacity: 0.5;
}
.overlay-enabled.opacity-six .slides-control ul li::before{
opacity: 0.6;
}
.overlay-enabled.opacity-seven .slides-control ul li::before{
opacity: 0.7;
}
.tt-slider .slides-pagination {
bottom: 10px;
}
.tt-slider .slides-pagination a {
border: 1px solid #fff;
border-radius: 0;
margin: 4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.tt-slider .slides-pagination a.current {
background-color: #ef4836;
border: 1px solid #ef4836;
}
@media (max-width: 767px){
.navbar-default {
position: static;
}
.vc_row.section-wrapper.vc_row-o-full-height {
min-height: inherit !important;
}
#slides .slides-container li img{
top: 0 !important;
left: 0 !important;
width: 100% !important;
}
}
@media (min-width: 700px) and (max-width: 767px){
.tt-slider,
#slides .slides-container li img{
height: 400px !important;
}
}
@media (min-width: 650px) and (max-width: 699px){
.tt-slider,
#slides .slides-container li img{
height: 350px !important;
}
}
@media (min-width: 600px) and (max-width: 649px){
.tt-slider,
#slides .slides-container li img{
height: 310px !important;
}
}
@media (min-width: 550px) and (max-width: 599px){
.tt-slider,
#slides .slides-container li img{
height: 280px !important;
}
}
@media (min-width: 500px) and (max-width: 549px){
.tt-slider,
#slides .slides-container li img{
height: 250px !important;
}
}
@media (min-width: 450px) and (max-width: 499px){
.tt-slider,
#slides .slides-container li img{
height: 230px !important;
}
}
@media (max-width: 449px){
.tt-slider,
#slides .slides-container li img{
height: 210px !important;
}
#slides .slides-container li img{
top: 0 !important;
width: 100% !important;
left: 0 !important;
}
}
/*Revolution slider*/
.header-default .wpb_revslider_element,
.header-transparent .wpb_revslider_element{
margin-bottom: 0;
}
/* =-=-=-=-=-=-= Hero Banner =-=-=-=-=-=-= */
.hero-banner-wrapper .intro-text {
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 1px;
}
.hero-banner-wrapper h2 {
font-size: 50px;
line-height: 68px;
font-weight: 700;
color: #fff;
font-family: 'Open Sans', sans-serif;
}
.banner-description {
font-size: 16px;
line-height: 22px;
color: #fff;
}
.hero-banner-wrapper.text-center .banner-description {
margin: 0 auto;
}
.hero-button {
margin-top: 30px;
}
@media (min-width: 768px) {
.banner-description {
width: 75%;
}
}
/* =-=-=-=-=-=-= TT CAROUSEL SHORTCODE =-=-=-=-=-=-= */
.tt-carousel.owl-carousel {
touch-action: manipulation;
}
.tt-carousel .item {
height: 650px;
background-repeat: no-repeat;
background-size: cover;
}
.tt-carousel.tt-full-height .item {
height: 100vh;
min-height: 100%;
}
.tt-carousel .tt-content-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 50px 0;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.header-transparent .tt-carousel .tt-content-wrapper,
.header-style-fullwidth .tt-carousel .tt-content-wrapper{
height: calc(100% - -80px);
}
.header-transparent.has-header-topbar .tt-carousel .tt-content-wrapper,
.header-style-fullwidth.has-header-topbar .tt-carousel .tt-content-wrapper{
height: calc(100% - -120px);
}
.header-style-box-style .tt-carousel .tt-content-wrapper{
height: calc(100% - -120px);
}
.tt-carousel .tt-content-wrapper > .container{
position: relative;
z-index: 2;
}
.tt-content-wrapper .tt-intro-sub{
display: block;
font-size: 14px;
text-transform: uppercase;
line-height: 1.2;
font-weight: 700;
color: #fff;
letter-spacing: 2px;
margin-bottom: 10px;
}
.tt-content-wrapper .tt-title{
display: block;
font-size: 55px;
line-height: 1.2;
font-weight: 800;
color: #fff;
letter-spacing: 0px;
}
.tt-content-wrapper .tt-carousel-content{
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: #fff;
margin-top: 20px;
}
.tt-content-wrapper.text-center .tt-intro-sub,
.tt-content-wrapper.text-center .tt-title,
.tt-content-wrapper.text-center .tt-carousel-content{
margin-left: auto;
margin-right: auto;
}
.tt-content-wrapper.text-right .tt-intro-sub,
.tt-content-wrapper.text-right .tt-title,
.tt-content-wrapper.text-right .tt-carousel-content{
margin-left: auto;
}
.overlay-enabled .tt-content-wrapper::before{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content:"";
background-color: #000;
}
.tt-carousel-btn{
position: relative;
margin-top: 40px;
}
.overlay-enabled.opacity-one .tt-content-wrapper::before{
opacity: 0.1;
}
.overlay-enabled.opacity-two .tt-content-wrapper::before{
opacity: 0.2;
}
.overlay-enabled.opacity-three .tt-content-wrapper::before{
opacity: 0.3;
}
.overlay-enabled.opacity-four .tt-content-wrapper::before{
opacity: 0.4;
}
.overlay-enabled.opacity-five .tt-content-wrapper::before{
opacity: 0.5;
}
.overlay-enabled.opacity-six .tt-content-wrapper::before{
opacity: 0.6;
}
.overlay-enabled.opacity-seven .tt-content-wrapper::before{
opacity: 0.7;
}
.tt-carousel .owl-controls{
margin: 0;
}
.tt-carousel .owl-controls .owl-nav i{
width: 50px;
height: 50px;
font-size: 18px;
background-color: #000;
line-height: 50px;
border-radius: 50%;
opacity: 0.5;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.tt-carousel .owl-controls .owl-nav i:hover{
opacity: 1;
}
.owl-theme .owl-controls .owl-nav [class*=owl-],
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
background-color: transparent;
}
.tt-carousel .owl-controls .owl-nav .owl-prev,
.tt-carousel .owl-controls .owl-nav .owl-next{
position: absolute;
top: 50%;
margin-top: -25px;
}
.tt-carousel .owl-controls .owl-nav .owl-prev{
left: 10px;
}
.tt-carousel .owl-controls .owl-nav .owl-next{
right: 10px;
}
@media(max-width: 767px){
.tt-carousel .owl-controls .owl-nav{
display: none;
}
.header-style-box-style .tt-carousel .tt-content-wrapper{
height: calc(100% - -50px);
}
}
/*Owl dots*/
.tt-carousel .owl-controls .owl-dots {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
}
@media(min-width: 992px){
.max-width-100{
max-width: 100%;
}
.max-width-90{
max-width: 90%;
}
.max-width-80{
max-width: 80%;
}
.max-width-70{
max-width: 70%;
}
.max-width-60{
max-width: 60%;
}
.max-width-50{
max-width: 50%;
}
.max-width-40{
max-width: 40%;
}
.max-width-30{
max-width: 30%;
}
}
/*Extra image*/
.tt-extra-image{
position: absolute;
z-index: 1;
opacity: 0;
visibility: hidden;
}
.tt-carousel .active .tt-extra-image{
opacity: 1;
visibility: visible;
}
/*left*/
.tt-extra-image.img-left-center{
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-rtl .tt-extra-image.img-left-center{
left: auto;
right: 0;
}
@media(min-width: 1200px){
.tt-extra-image.img-left-center{
left: 100px;
}
.owl-rtl .tt-extra-image.img-left-center{
left: auto;
right: 100px;
}
}
.tt-extra-image.img-left-top{
left: 0;
top: 0;
}
.owl-rtl .tt-extra-image.img-left-top{
left: auto;
right: 0;
}
.tt-extra-image.img-left-bottom{
left: 0;
bottom: 0;
}
.owl-rtl .tt-extra-image.img-left-bottom{
left: auto;
right: 0;
}
/*right*/
.tt-extra-image.img-right-center{
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-rtl .tt-extra-image.img-right-center{
right: auto;
left: 0;
}
@media(min-width: 1200px){
.tt-extra-image.img-right-center{
right: 100px;
}
.owl-rtl .tt-extra-image.img-right-center{
right: auto;
left: 100px;
}
}
.tt-extra-image.img-right-top{
right: 0;
top: 0;
}
.owl-rtl .tt-extra-image.img-right-top{
right: auto;
left: 0;
}
.tt-extra-image.img-right-bottom{
right: 0;
bottom: 0;
}
.owl-rtl .tt-extra-image.img-right-bottom{
right: auto;
left: 0;
}
@media(max-width: 1199px){
.tt-extra-image{
z-index: -1;
}
}
@media(max-width: 767px){
.tt-content-wrapper .tt-intro-sub{
font-weight: 400;
}
.tt-content-wrapper .tt-title{
font-size: 30px;
}
.tt-content-wrapper .tt-carousel-content {
font-size: 16px;
}
}
/*rtl support*/
.tt-carousel.owl-rtl .text-left{
text-align: right;
}
.tt-carousel.owl-rtl .text-right{
text-align: left;
}
/* =-=-=-=-=-=-= ABOUT SECTION =-=-=-=-=-=-= */
.tt-popup-wrapper{
position: relative;
}
.tt-popup-wrapper.style-two img{
border-radius: 5px;
}
.tt-popup{
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tt-popup i{
background-color: rgba(0, 0, 0, 0.34);
padding: 12px 30px;
font-size: 20px;
color: #fff;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.tt-popup-wrapper.style-two .tt-popup i{
width: 70px;
height: 70px;
line-height: 70px;
padding: 0;
border-radius: 50%;
background-color: #fff;
color: #000000;
}
.tt-popup-wrapper:hover .tt-popup i{
background-color: #ef4836;
}
.tt-popup-wrapper.style-two:hover .tt-popup i{
color: #ffffff;
}
.tt-social-icon .list-inline>li {
padding-right: 8px;
padding-left: 8px;
}
.tt-social-icon li a{
display: block;
width: 35px;
height: 35px;
font-size: 18px;
line-height: 33px;
text-align: center;
border: 1px solid #f0f0f0;
color: #999999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.tt-social-icon li a i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.tt-social-icon li a:hover{
background-color: #ef4836;
color: #fff;
border: 1px solid transparent;
}
.tt-social-icon li a:hover i{
color: #fff !important;
}
/* =-=-=-=-=-=-= SPOTLIGHT SECTION =-=-=-=-=-=-= */
.tt-effect {
position: relative;
overflow: hidden;
text-align: center;
}
.ios-browser .reformation-wrap .tt-item,
.reformation-wrap .tt-item,
.ios-browser .spotlight-wrap{
cursor: pointer;
}
@media (max-width : 991px) {
.spotlight-wrap .tt-effect {
margin-bottom: 30px;
}
}
.tt-effect::before {
content: "";
background-color: rgba(24, 24, 24, 0.4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.tt-effect img {
width: 100%;
}
.tt-effect figcaption {
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tt-effect figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(239, 72, 54, 0.8);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
-moz-transform: translate3d(0,50%,0);
-ms-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
.tt-effect h2 {
margin: 0;
position: absolute;
top: 40%;
left: 0;
width: 100%;
color: #fff;
font-size: 24px;
font-weight: 700;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
-ms-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
-ms-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.tt-effect:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
-ms-transform: translate3d(0,-50%,0) translate2d(0,-60px,0);
transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
}
.spotlight-default .tt-effect h2{
top: 50%;
}
.spotlight-default .tt-effect:hover h2 {
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-80px,0);
-ms-transform: translate3d(0,-50%,0) translate2d(0,-80px,0);
transform: translate3d(0,-50%,0) translate3d(0,-80px,0);
}
/*IE9 Fixing*/
.ie9 .tt-effect h2 {
top: 30%;
}
.tt-effect figcaption .content{
position: absolute;
bottom: 0;
left: 0;
padding: 20px 20px 40px;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
-ms-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
.tt-effect figcaption::before,
.tt-effect figcaption .content {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-ms-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.tt-effect:hover figcaption::before ,
.tt-effect:hover .content {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.tt-effect figcaption .content p {
margin-bottom: 40px;
}
.tt-effect figcaption .content .btn {
text-transform: capitalize;
}
.spotlight-bottom .tt-effect figcaption .content .btn {
margin-top: 20px;
}
.tt-effect figcaption .content .btn:hover{
background-color: #ffffff;
color: #ef4836;
}
@media only screen and (max-width : 479px) {
.tt-effect h2 {
top: 55%;
}
.tt-effect figcaption .content{
padding: 20px 20px 30px;
}
.tt-effect figcaption .content p {
font-size: 11px;
line-height: 20px;
}
}
/*spotlight card style*/
.spotlight-card .tt-effect h2{
visibility: hidden;
opacity: 0;
}
.spotlight-card .tt-effect:hover h2{
visibility: visible;
opacity: 1;
}
.spotlight-card .tt-effect::before{
display: none;
}
.card-footer{
background-color: #ffffff;
padding: 15px 0 10px;
}
.card-footer h3{
font-size: 18px;
margin-bottom: 3px;
font-weight: 700;
}
.spotlight-wrap.spotlight-creative {
padding: 15px;
background: #fff;
}
.spotlight-wrap.spotlight-creative,
.spotlight-wrap.spotlight-creative img {
border-radius: 5px;
}
.spotlight-creative .card-footer h3 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 400;
}
.spotlight-creative .card-footer p {
line-height: 19px;
}
.spotlight-creative .tt-effect::before {
content: none;
}
.spotlight-creative .tt-effect .spotlight-thumb-wrap {
overflow: hidden;
border-radius: 5px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.spotlight-wrap .tt-effect figcaption::before{
display: none;
}
.spotlight-wrap .tt-effect .spotlight-thumb-wrap .spotlight-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
-moz-transform: translate3d(0,50%,0);
-ms-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-ms-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.theme-default-overlay{
background-color: #ef4836;
}
.spotlight-creative .spotlight-thumb-wrap {
position: relative;
}
.spotlight-creative .spotlight-thumb-wrap .btn{
position: absolute;
left: 50%;
margin-left: -55px;
top: 50%;
margin-top: -16px;
border-radius: 3px;
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
-moz-transform: translate3d(0,50%,0);
-ms-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
.spotlight-creative .tt-effect:hover .spotlight-thumb-wrap .btn {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.spotlight-wrap .tt-effect:hover .spotlight-thumb-wrap .spotlight-image-overlay{
opacity: 0.8;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.spotlight-card .tt-effect:hover .spotlight-thumb-wrap .spotlight-image-overlay{
opacity: 1;
}
.spotlight-creative .tt-effect .btn:hover {
background-color: #ffffff;
color: #ef4836;
}
.spotlight-bottom .tt-effect h2 {
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.spotlight-bottom .tt-effect:hover h2 {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.spotlight-bottom .tt-effect figcaption .content {
opacity: 1;
}
.spotlight-bottom .tt-effect figcaption .content p {
margin-bottom: 0;
-webkit-transition: transform 0.4s;
transition: transform 0.4s;
}
.spotlight-bottom .tt-effect figcaption .content,
.spotlight-bottom .tt-effect figcaption .content p {
-webkit-transform: translate3d(0,80px,0);
-ms-transform: translate3d(0,80px,0);
transform: translate3d(0,80px,0);
}
.spotlight-bottom.has-readmore .tt-effect figcaption .content,
.spotlight-bottom.has-readmore .tt-effect figcaption .content p {
-webkit-transform: translate3d(0,140px,0);
-ms-transform: translate3d(0,140px,0);
transform: translate3d(0,140px,0);
}
.spotlight-bottom .tt-effect:hover figcaption .content,
.spotlight-bottom .tt-effect:hover figcaption .content p {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/* =-=-=-=-=-=-= TESTIMONIAL SECTION =-=-=-=-=-=-= */
.testimonial-carousel {
text-align: center;
}
.testimonial-carousel .client-thumb{
position: relative;
margin-bottom: 40px;
display: inline-block;
}
.testimonial-carousel .client-thumb img{
width: inherit;
margin: 0 auto;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.1);
}
.testimonial-carousel .client-thumb i{
position: absolute;
top: 0;
left: 0;
margin: 0;
font-size: 8px;
z-index: 100;
width: 18px;
height: 18px;
background-color: rgba(255, 255, 255, 0.1);
line-height: 18px;
text-align: center;
border-radius: 50%;
}
.testimonial-carousel blockquote {
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 400;
color: #fff;
font-style: italic;
border-left: 0;
-webkit-font-smoothing: subpixel-antialiased;
}
.testimonial-carousel blockquote::before{
content:"";
}
.testimonial-carousel blockquote i{
color: #ef4836;
display: block;
font-size: 60px;
margin-bottom: 50px;
}
.testimonial-carousel blockquote footer{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
font-style: normal;
margin-top: 40px;
margin-bottom: 20px;
}
.testimonial-carousel blockquote footer cite{
color: #ef4836;
font-style: normal;
}
.testimonial-carousel blockquote .small:before,
.testimonial-carousel blockquote footer:before,
.testimonial-carousel blockquote small:before {
content: '';
}
/* =-=-=-=-=-=-= MISSION SECTION =-=-=-=-=-=-= */
@media only screen and (max-width : 767px) {
.icon-block{
margin-bottom: 30px !important;
}
}
/*icon position left*/
.icon-block.icon-position-left .tt-icon{
float: left;
margin-right: 15px;
}
/*icon position center*/
.icon-block.icon-position-center .tt-icon{
float: none;
text-align: center;
margin-bottom: 15px;
}
.icon-block.icon-position-center .tt-content{
text-align: center;
}
/*icon postition right*/
.icon-block.icon-position-right .tt-icon{
float: right;
text-align: right;
margin-left: 15px;
}
.icon-block.icon-position-right .tt-content{
text-align: right;
}
.icon-block i {
color: #ef4836;
font-size: 36px;
}
.icon-block h3 {
margin-bottom: 30px;
font-size: 18px;
position: relative;
}
.icon-block h3 a:hover{
color: #c03a2b;
}
/*icon effect style*/
.icon-effect.icon-position-left .tt-content{
margin-left: 85px;
}
.icon-effect.icon-position-right .tt-content{
margin-right: 85px;
}
.icon-effect h3::after{
height: 2px;
background-color: #ef4836;
content: "";
position: absolute;
bottom: -15px;
display: inline-block;
width: 15px;
}
.icon-effect.icon-position-left h3::after{
left: 0;
}
.icon-effect.icon-position-right h3::after{
right: 0;
}
.icon-effect.icon-position-center h3::after{
left: 0;
right: 0;
margin: 0 auto;
}
.icon-effect .tt-icon i{
display: inline-block;
font-size: 28px;
line-height: 60px;
margin: 0 10px 0 0;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
color: #ef4836;
box-shadow: 0 0 0 1px #eaeaea;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.icon-effect .tt-icon i:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background-color: #ef4836;
opacity: 0;
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
-o-transition: -moz-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
/* Effect 3b */
.icon-effect:hover .tt-icon i{
color: #ffffff;
}
.icon-effect:hover .tt-icon i:after{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* =-=-=-=-=-=-= FACT SECTION =-=-=-=-=-=-= */
.fact-wrap{
text-align: center;
}
@media only screen and (max-width : 767px) {
.counter-wrapper {
margin-bottom: 50px;
}
}
.counter-wrapper i {
position: relative;
}
.counter-wrapper i::before,
.counter-wrapper i::after {
width: 60px;
height: 60px;
}
.counter-wrapper i::before{
display: inline-block;
color: #fff;
font-size: 36px;
line-height: 58px;
margin: 0 auto;
margin-bottom: 30px;
}
.counter-wrapper i::after {
content: "";
position: absolute;
top: -26px;
left: 0;
border: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.counter-wrapper .timer {
display: block;
font-size: 48px;
line-height: 1;
font-weight: 700;
color: #ef4836;
margin-top: 15px;
margin-bottom: 20px;
}
.counter-wrapper .description {
display: block;
font-size: 18px;
line-height: 1;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
/* =-=-=-=-=-=-= FUND RAISE COUNTING =-=-=-=-=-=-= */
.tt-fundraise-wrapper{
color: #ffffff;
text-align: center;
}
.tt-fundraise-wrapper span.counting-number{
display: block;
margin-bottom: 20px;
font-size: 110px;
line-height: 110px;
font-weight: 700;
}
.tt-fundraise-wrapper span.fundraise-title{
display: block;
font-size: 36px;
font-weight: 700;
line-height: 40px;
}
/* =-=-=-=-=-=-= STORY SECTION =-=-=-=-=-=-= */
.timeline {
position: relative;
padding: 0;
list-style: none;
}
.timeline>li {
position: relative;
min-height: 50px;
}
.timeline>li:before,
.timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li .timeline-panel {
float: left;
position: relative;
width: 100%;
}
.timeline-content{
padding:5px 20px 0 20px;
}
.timeline>li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeline>li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeline>li .posted-date {
position: relative;
text-align: center;
background-color: #fff;
left: 20px;
}
.timeline>li .posted-date .month {
font-size: 24px;
line-height: 83px;
font-weight: 700;
display: block;
color: #2c3e50;
top: 0;
float: left;
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
text-align: left;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeline>li:last-child {
margin-bottom: 0;
}
.timeline-heading h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 5px;
}
.timeline-heading h3 a {
color: #2f2f2f;
}
.timeline-heading h3 a:hover {
color: #ef4836;
}
.timeline-heading span{
display: block;
font-weight: 700;
margin-bottom: 20px;
}
.timeline-body p {
margin-bottom: 0;
}
.timeline-body .readmore {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
}
.timeline-body .readmore:hover {
color: #ef4836;
}
@media(min-width:992px) {
.timeline:before {
left: 50%;
}
.timeline>li {
min-height: 110px;
margin-bottom: -15px;
}
.timeline>li .posted-date {
position: absolute;
text-align: center;
background-color: #fff;
}
.timeline>li .timeline-panel {
float: left;
width: 42%;
text-align: right;
}
.timeline>li .posted-date {
top: 0;
left: 50%;
width: 85px;
height: 85px;
border: 1px solid #e1e1e1;
margin-left: -42px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.timeline>li .posted-date .month {
-webkit-font-smoothing: antialiased;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.timeline>li .posted-date .month {
float: none;
}
.timeline>li:hover .posted-date{
line-height: 85px;
z-index: 1000;
background-color: #EF4836;
border-color: #EF4836;
-webkit-transform: scale(1.4) rotate(45deg);
-moz-transform: scale(1.4) rotate(45deg);
-ms-transform: scale(1.4) rotate(45deg);
-o-transform: scale(1.4) rotate(45deg);
transform: scale(1.4) rotate(45deg);
}
.timeline>li:hover .posted-date .month{
color: #fff;
}
.timeline-heading{
position: relative;
top: 24px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.timeline>li:hover .timeline-heading {
top: -20px;
}
.timeline-body{
position: relative;
top: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
visibility: hidden;
opacity: 0;
}
.timeline>li:hover .timeline-body{
top: -20px;
visibility: visible;
opacity: 1;
}
}
@media (max-width : 991px){
.timeline{
padding-left: 20px;
}
.timeline::before{
content: "";
height: 100%;
width: 1px;
background: #eee;
position: absolute;
left: 5px;
top: 10px;
}
.timeline>li:before{
width: 10px;
height: 10px;
background-color: #eee;
border-radius: 100%;
top: 37px;
position: absolute;
left: -19px;
}
}
/* =-=-=-=-=-=-= SINGLE STORY PAGE =-=-=-=-=-=-= */
.single-story-page .post-share{
margin-top: 30px;
}
.single-story-page .post-share ul{
padding: 0;
}
/* =-=-=-=-=-=-= ACHIVEMENT SECTION =-=-=-=-=-=-= */
.archivement-carousel .item i{
display: block;
font-size: 60px;
line-height: 60px;
color: #ef4836;
margin-bottom: 40px;
}
.archivement-carousel .item h3 {
font-size: 20px;
color: #fff;
}
.archivement-carousel .item p {
color: #fff;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.archivement-carousel .carousel-indicators {
bottom: -20px;
}
}
.archivement-carousel .carousel-indicators li {
margin: 0 5px 0;
border-radius: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.archivement-carousel .carousel-indicators .active {
width: 10px;
height: 10px;
margin-right: 5px;
background-color: #ef4836;
border: 1px solid #ef4836;
}
/* =-=-=-=-=-=-= ABILITIES SECTION =-=-=-=-=-=-= */
.vc_tta-tabs-position-top.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a,
.vc_tta-tabs-position-bottom.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab > a {
border-color: #e1e1e1 !important;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list,
.vc_tta-tabs-position-bottom .vc_tta-tabs-list{
width: 100%;
border-bottom: 1px solid #e1e1e1;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list > li,
.vc_tta-tabs-position-top .vc_tta-tabs-list > li{
display: table-cell !important;
width: 1%;
margin: 0 !important;
padding-right: 30px !important;
}
.vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list > li,
.vc_tta-style-ultra-classic.vc_tta-tabs-position-top .vc_tta-tabs-list > li{
vertical-align: middle;
}
.vc_tta-tabs-position-top .vc_tta-tabs-list > li:last-child,
.vc_tta-tabs-position-bottom .vc_tta-tabs-list > li:last-child{
padding-right: 0 !important;
}
.vc_tta-tabs-position-top .vc_tta-tab > a,
.vc_tta-tabs-position-bottom .vc_tta-tab > a{
padding: 6px 20px !important;
font-weight: 700;
color: #2f2f2f !important;
bottom: -1px;
text-align: center;
}
.vc_tta-tabs-position-top .vc_tta-tab > a:hover,
.vc_tta-tabs-position-top .vc_tta-tab > a:focus,
.vc_tta-tabs-position-top .vc_tta-tab.vc_active > a,
.vc_tta-tabs-position-bottom .vc_tta-tab > a:hover,
.vc_tta-tabs-position-bottom .vc_tta-tab > a:focus,
.vc_tta-tabs-position-bottom .vc_tta-tab.vc_active > a{
background-color: #ef4836 !important;
color: #fff !important;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover,
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a{
border-color: #ef4836 !important;
}
/*Tab ultra classic style*/
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-container,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tabs-list{
overflow: visible !important;
border: 0 !important;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab{
position: relative;
padding-right: 0 !important;
border-style: solid;
border-color: #eaeaea transparent #eaeaea #eaeaea;
border-width: 1px;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:last-child{
border-right-color: #eaeaea;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab > a{
border: 0 !important;
transition: inherit !important;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover{
border-color: #ef4836;
background-color: #ef4836;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab:hover a,
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active > a{
background-color: #ef4836;
color: #ffffff;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab.vc_active::after{
content:"";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid;
border-top-color: #ef4836;
}
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a{
padding: 10px 20px !important;
bottom: 0;
margin-right: -1px;
font-weight: 400 !important;
}
@media(max-width: 991px){
.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-tab>a{
padding: 10px !important;
}
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-body{
padding: 45px 0 0;
}
@media(max-width: 767px){
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel-title>a{
border: 1px solid #eaeaea;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a,
.vc_tta.vc_general.vc_tta-tabs.vc_tta-style-ultra-classic .vc_tta-panel .vc_tta-panel-title>a:hover{
background-color: #ef4836;
color: #ffffff;
}
}
/* =-=-=-=-=-=-= PROGRESS BAR =-=-=-=-=-=-= */
.vc_progress_bar .vc_single_bar{
height: 6px;
margin-bottom: 50px !important;
background-color: transparent !important;
border-radius: 0 !important;
-webkit-box-shadow: inset 0 0 1px #949494 !important;
-moz-box-shadow: inset 0 0 1px #949494 !important;
-o-box-shadow: inset 0 0 1px #949494 !important;
box-shadow: inset 0 0 1px #949494 !important;
}
.vc_progress_bar .vc_single_bar .vc_label{
text-shadow: none !important;
top: -30px;
padding: 0 !important;
font-weight: 400;
font-size: 100%;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units{
float: right;
}
.vc_progress_bar .vc_single_bar .vc_bar{
border-radius: 0 !important;
}
/* =-=-=-=-=-=-= TWITTER SECTION =-=-=-=-=-=-= */
.twitterfeed {
color: #fff;
}
.twitterfeed i {
font-size: 50px;
color: #ef4836;
margin-bottom: 50px;
}
.twitterfeed .tweet {
color: #fff;
font-size: 16px;
font-style: italic;
}
.twitterfeed .owl-theme .owl-controls {
margin-top: 40px;
}
.spokesman-tweet .tt-tweets .item{
position: relative;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea;
}
.spokesman-tweet .tt-tweets .user a > span,
.spokesman-tweet .tt-tweets .user a > span > span{
margin-bottom: 5px;
display: block;
font-weight: 700;
font-size: 13px;
color: #444242;
}
.spokesman-tweet .tt-tweets .user a span:nth-child(3){
margin-bottom: 0;
float: left;
margin-right: 5px;
font-weight: 400;
}
.spokesman-tweet .tt-tweets .user a:hover{
color: #ef4836;
}
.spokesman-tweet .tt-tweets .user img{
width: 65px;
border-radius: 5px;
float: left;
margin-right: 20px;
}
.spokesman-tweet .tt-tweets .tweet{
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.spokesman-tweet .tt-tweets .tweet a{
color: #606060;
}
.spokesman-tweet .tt-tweets .tweet a:hover{
color: #ef4836;
}
.spokesman-tweet .tt-tweets .timePosted{
position: absolute;
top: -2px;
right: 0;
}
.spokesman-tweet .tt-tweets .timePosted a{
color: #717171;
font-size: 11px;
font-style: italic;
}
.spokesman-tweet .tt-tweets .timePosted a:hover{
color: #ef4836;
}
.all-tweets-links a{
color: #525252;
font-size: 13px;
}
.all-tweets-links a:hover{
color: #ef4836;
}
.all-tweets-links a i{
margin-right: 10px;
}
/* =-=-=-=-=-=-= SOCIAL COUNTER =-=-=-=-=-=-= */
.social-counter{
padding: 80px 100px;
}
.social-counter .custom .icon {
width: 60px;
height: 60px;
text-align: center;
border: 1px solid #fff;
float: left;
margin-right: 50px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.social-count-plus .items .count{
font-size: 40px;
font-weight: 700;
color: #ef4836;
display: inline-block;
}
.social-count-plus .items .label{
font-size: 18px;
font-weight: 400;
color: #fff;
margin-top: 5px;
}
.social-count-plus .vertical li{
margin-bottom: 50px;
padding-bottom: 0;
}
.social-count-plus .vertical li:last-child{
margin-bottom: 0;
}
.social-count-plus .custom li a{
position: relative;
}
.social-count-plus .custom li a:before{
position: absolute;
top: 0;
left: 0;
font-family: fontawesome;
right: 0;
text-align: center;
line-height: 60px;
}
.social-counter .custom .icon:before{
font-size: 30px;
color: #fff;
line-height: 58px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.social-count-plus .custom li.count-comments a:before {
content: "\f075";
}
.social-count-plus .custom li.count-facebook a:before {
content: "\f09a";
}
.social-count-plus .custom li.count-github a:before {
content: "\f09b";
}
.social-count-plus .custom li.count-googleplus a:before {
content: "\f0d5";
}
.social-count-plus .custom li.count-instagram a:before {
content: "\f16d";
}
.social-count-plus .custom li.count-linkedin a:before {
content: "\f0e1";
}
.social-count-plus .custom li.count-pinterest a:before {
content: "\f0d2";
}
.social-count-plus .custom li.count-posts a:before {
content: "\f040";
}
.social-count-plus .custom li.count-soundcloud a:before {
content: "\f1be";
}
.social-count-plus .custom li.count-steam a:before {
content: "\f1b6";
}
.social-count-plus .custom li.count-tumblr a:before {
content: "\f173";
}
.social-count-plus .custom li.count-twitch a:before {
content: "\f1e8";
}
.social-count-plus .custom li.count-twitter a:before {
content: "\f099";
}
.social-count-plus .custom li.count-users a:before {
content: "\f0c0";
}
.social-count-plus .custom li.count-vimeo a:before {
content: "\f27d";
}
/* =-=-=-=-=-=-= REFORMATION SECTION =-=-=-=-=-=-= */
.reformation-wrap{
overflow: hidden;
}
.tt-filter {
border: 1px solid #f0f0f0;
display: inline-block;
margin-bottom: 40px;
padding: 0;
list-style: none;
}
.tt-filter li {
float: left;
border-right: 1px solid #f0f0f0;
}
.tt-filter li:last-child {
border-right: 0;
}
.tt-filter li button{
display: block;
padding: 6px 22px;
color: #2f2f2f;
font-size: 15px;
font-weight: 600;
border: 0;
background-color: transparent;
}
.tt-filter li button.active{
background-color: #ef4836;
color: #fff;
}
@media only screen and (max-width : 479px) {
.tt-filter li button{
padding: 0 5px !important;
font-size: 11px;
}
}
.reformation-padding {
padding-right: 12px;
padding-left: 12px;
}
.reformation-padding.no-padding{
padding: 0 !important;
margin: 0 !important;
}
.reformation-wrap .tt-item {
margin-bottom: 24px;
}
.reformation-wrap .tt-item .tt-effect figcaption .content {
padding: 20px;
bottom: 50%;
margin-bottom: -10px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
}
.reformation-wrap .tt-item .tt-effect:hover figcaption .content,
.reformation-wrap .tt-item .tt-effect:focus figcaption .content{
margin-bottom: 0;
}
.reformation-wrap .tt-item .tt-effect figcaption .content p {
margin-bottom: 0;
}
.reformation-wrap .tt-item img{
width: 100%;
}
.tt-grid figure {
position: relative;
}
.tt-grid figure.tt-effect::before{
background-color: transparent;
}
.tt-grid .content.has-content .links {
margin-bottom: 30px;
}
.related-reformation .content .links a,
.tt-grid .content .links a{
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #fff;
color: #fff;
font-size: 20px;
line-height: 38px;
margin-left: 10px;
margin-right: 10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.related-reformation .content .links a i,
.tt-grid .content .links a i{
line-height: 38px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.related-reformation .content .links a:hover,
.tt-grid .content .links a:hover {
background-color: #fff;
color: #ef4836;
border: 1px solid transparent;
}
.reformation-wrap .lodemore {
margin-top: 55px;
}
.reformation-wrap .lodemore a {
font-weight: 600;
}
.reformation-wrap .tt-item .tt-effect::before,
.related-reformation .tt-effect::before {
display: none;
}
/*popup close button*/
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: 0;
width: 30px;
height: 30px;
line-height: 30px;
}
/* =-=-=-=-=-=-= MAGNIFIC POPUP =-=-=-=-=-=-= */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.75;
}
.mfp-bottom-bar {
display: none;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
font-family: 'FontAwesome';
border: none !important;
color: #fff;
font-size: 65px;
-webkit-transition: .5s;
transition: .5s;
}
.mfp-arrow-right::after {
content: "\f105" !important;
}
.mfp-arrow-left::after {
content: "\f104" !important;
}
.mfp-arrow-right::before ,
.mfp-arrow-left::before {
border: none !important;
}
.mfp-arrow {
height: 60px;
}
.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
margin-top: 15px;
top: -1px !important;
}
img.mfp-img {
padding: 40px 0px 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transform: scale(0.95);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
transform: scale(1);
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
transform: scale(0.95);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
/* =-=-=-=-=-=-= SINGLE REFORMATION =-=-=-=-=-=-= */
.reformation-navigation {
margin-bottom: 30px;
}
.reformation-navigation a{
color: #e2e2e2;
}
.reformation-navigation a:hover{
color: #ef4836;
}
.reformation-navigation i{
font-size: 30px;
}
.reformation-navigation .previous i,
.reformation-navigation .next i{
position: relative;
top: -2px;
}
.single-reformation-page .entry-content{
padding-left: 40px;
}
.single-reformation-page .entry-content .post-share ul{
padding: 0;
}
.related-reformation{
margin-top: 80px;
}
.related-reformation{
margin-top: 80px;
}
.related-reformation .tt-effect figcaption .content{
padding: 0;
top: 50%;
bottom: auto;
margin-top: -20px;
}
@media (max-width: 991px) {
.single-reformation-page .reformation-thumb img {
width: 100%;
margin-bottom: 24px;
}
.single-reformation-page .entry-content {
padding-left:0;
}
.single-reformation-page .related-reformation .tt-item {
margin-bottom: 24px;
}
}
/* =-=-=-=-=-=-= MEMBER SECTION =-=-=-=-=-=-= */
.member-wrapper .thumbnail{
padding: 0;
margin-bottom: 50px;
border: 0;
border-radius: 0;
border-bottom: 2px solid #ef4836;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.team-carousel .thumbnail,
.more-member .thumbnail{
margin-bottom: 30px;
}
.member-wrapper .thumb-wrapper{
position: relative;
overflow: hidden;
}
.member-wrapper .thumb-wrapper::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80px;
z-index: 10;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.23) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000',GradientType=0 );
}
.team-social{
position: absolute;
left: 0;
bottom: 15px;
z-index: 20;
right: 0;
margin: 0 auto;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.team-social ul li{
margin: 0 1px;
}
.team-social a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
background-color: #fff;
color: #ef4836;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.team-social a i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.team-social a:hover {
background-color: #f0f0f0;
}
.member-wrapper figcaption{
position: relative;
overflow: hidden;
}
.member-wrapper figcaption h3{
font-size: 16px;
margin: 5px 0;
}
.member-wrapper figcaption span{
color: #949494;
margin-bottom: 10px;
display: block;
}
.member-wrapper .member-biography a{
position: absolute;
width: 100%;
height: 100%;
bottom: -100px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
background-color: #ffffff;
line-height: 85px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.hiddden-designation .member-biography a{
line-height: 55px;
}
.member-wrapper .member-biography a{
font-size: 16px;
}
.member-wrapper .member-biography a i{
margin-left: 5px;
}
.member-wrapper .member-biography a:hover{
background-color: #ef4836;
color: #ffffff;
}
.member-wrapper .thumbnail:hover .member-biography a{
bottom: 0;
}
.member-wrapper .thumbnail:hover .thumb-wrapper::before,
.member-wrapper .thumbnail:hover .team-social{
opacity: 1;
visibility: visible;
}
.team-carousel .owl-dots .owl-dot span{
width: 10px;
height: 10px;
margin: 5px 6px;
background-color: rgba(0,0,0,0);
border: 1px solid #ef4836;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.team-carousel .owl-theme .owl-dots .owl-dot.active span,
.team-carousel .owl-theme .owl-dots .owl-dot:hover span{
background-color: #ef4836;
}
/* =-=-=-=-=-=-= MEMBER SINGLE PAGE =-=-=-=-=-=-= */
.single-member-page .member-thumb img{
border: 1px solid #f1f1f1;
}
.single-member-page .member-content{
padding-left: 30px;
}
.single-member-page .member-content h2{
font-size: 36px;
margin: 0 0 5px;
text-transform: uppercase;
}
.single-member-page .member-content .designation{
font-size: 22px;
line-height: 36px;
margin-bottom: 18px;
display: block;
color: #ef4836;
}
.single-member-page .member-content .team-social{
top: 10px;
right: 15px;
bottom: inherit;
opacity: 1;
visibility: visible;
left: auto;
}
.single-member-page .member-content .team-social a{
border: 1px solid #f1f1f1;
}
.single-member-page .member-content .team-social a:hover{
background-color: #EF4836;
color: #fff;
border-color: #EF4836;
}
.single-member-page .educational-qualification ul{
padding: 0;
list-style: none;
}
.single-member-page .educational-qualification,
.single-member-page .member-content address{
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ececec;
}
.single-member-page .educational-qualification p,
.single-member-page .member-content address p{
font-size: 16px;
line-height: 40px;
}
.single-member-page .educational-qualification span,
.single-member-page .member-content address span{
font-weight: 600;
}
.single-member-page .educational-qualification span i,
.single-member-page .member-content address span i{
font-weight: 400;
margin-right: 12px;
}
.single-member-page .more-member{
margin-top: 120px;
}
.single-member-page .more-member .section-intro{
text-align: center;
}
/*Leader biography*/
.leader-basic-info{
border-bottom: 1px solid #eaeaea;
}
@media(min-width: 1400px){
.leader-image{
max-height: 800px;
overflow: hidden;
}
}
.leader-image img{
width: 100%;
}
.biography-info-wrapper{
padding: 70px 0 0 20px;
}
@media(max-width : 767px){
.biography-info-wrapper{
padding: 70px 15px;
}
}
.biography-info-wrapper .leader-name h2{
font-weight: 700;
margin: 0;
}
.biography-info-wrapper .leader-name h3{
font-size: 22px;
color: #ef4836;
}
.biography-info-wrapper .bio-details{
margin-top: 30px;
}
.biography-info-wrapper .bio-info{
margin: 40px 0;
}
.biography-info-wrapper .bio-info ul{
margin: 0;
padding: 0;
}
.biography-info-wrapper .bio-info ul li{
list-style: none;
line-height: 36px;
}
.biography-info-wrapper .bio-info ul li span{
width: 215px;
display: inline-block;
font-weight: 600;
color: #2f2f2f;
}
@media(max-width: 480px){
.biography-info-wrapper .bio-info ul li span{
width: 100%;
display: block;
}
}
.leader-sign{
margin-bottom: 30px;
}
.leader-social-profile{
margin-bottom: 65px;
position: static;
visibility: visible;
opacity: 1;
text-align: left;
}
.leader-social-profile ul li a{
border: 1px solid #f1f1f1;
color: #999999;
}
.leader-social-profile ul li a:hover{
background-color: #EF4836;
color: #fff;
border-color: #EF4836;
}
/*.education-experience info*/
.educational-experience{
padding: 130px 0 60px;
background-color: #f9f9f9;
border-bottom: 1px solid #e7e7e7;
}
.political-work-experience{
padding: 130px 0 60px;
}
.career-info-wrapper,
.education-info-wrapper{
padding-bottom: 50px;
position: relative;
}
.career-info-wrapper h3,
.education-info-wrapper h3{
margin-bottom: 5px;
}
.career-info-wrapper h4,
.education-info-wrapper h4{
font-size: 14px;
color: #EF4836;
}
.political-work-experience,
.education-info-wrapper{
position: relative;
}
@media(min-width: 991px){
.political-work-experience .experience-year,
.education-info-wrapper .academic-year{
position: absolute;
right: 0;
top: 0;
}
}
.education-details,
.career-details{
margin-top: 20px;
}
/*Biography Style Two*/
.party-leader-wrapper.biography-two{
padding: 150px 0 100px;
overflow-x: hidden;
}
.biography-two,
.biography-two h1,
.biography-two h2,
.biography-two h3,
.biography-two h4,
.biography-two .education-info-wrapper h4,
.biography-two p,
.biography-two span,
.biography-two .bio-info ul li span,
.biography-two a{
color: #fff;
}
.biography-two .leader-basic-info{
border-bottom: 0;
}
.biography-two .biography-info-wrapper{
padding: 0 100px 0 100px;
}
.biography-two .leader-image{
position: fixed;
bottom: 0;
right: 0;
z-index: -1;
max-height: 880px;
max-width: 620px;
}
.biography-two .leader-name p{
font-size: 18px;
}
.biography-two .leader-name h2{
font-size: 60px;
line-height: 1.2;
}
.biography-two .bio-details{
font-size: 16px;
}
.biography-two .bio-info{
margin-bottom: 50px;
}
.biography-two .team-social p{
margin-bottom: 15px;
}
.biography-two .team-social a{
background-color: transparent;
}
/*Career style two*/
.biography-two .experience-info{
margin-top: 120px;
}
.biography-two .career-label,
.biography-two .education-label{
margin-bottom: 30px;
}
.biography-two .career-label h2,
.biography-two .education-label h2{
margin-bottom: 5px;
}
.biography-two .career-label p,
.biography-two .education-label p{
font-size: 18px;
margin-bottom: 0;
}
.career-carousel{
position: relative
}
.career-carousel:before {
content: "";
position: absolute;
top: 16px;
left: 0;
right: 0;
height: 10px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 30px
}
.career-carousel .item{
text-align: center;
}
.political-career-wrapper.owl-carousel .owl-stage {
display: inline-block
}
.political-career-wrapper .item i {
font-size: 33px;
position: relative;
z-index: 1;
color: #b5bfcb;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
opacity: .8;
margin-top: 5px;
margin-left: 3px;
}
.political-career-wrapper .item i:after {
content: "";
position: absolute;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
border-radius: 50%;
background: #fff;
z-index: -1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.political-career-wrapper .item:hover i {
color: #f20e00;
opacity: 1;
-webkit-transform: translateZ(0) scale(1.2);
transform: translateZ(0) scale(1.2);
}
.political-career-wrapper .item h4 {
margin-top: 14px;
margin-bottom: 2px;
font-size: 16px;
color: #fff;
}
.political-career-wrapper .item span {
color: #999;
}
.political-career-wrapper .owl-nav [class*=owl-] {
background: 0 0;
border: none;
color: rgba(0,0,0,.3);
font-size: 25px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
opacity: 0
}
.political-career-wrapper .owl-nav [class*=owl-]:hover {
color: rgba(0,0,0,.5)
}
.political-career-wrapper.owl-carousel .owl-nav .owl-prev {
left: 10px
}
.political-career-wrapper.owl-carousel .owl-nav .owl-next {
right: 10px
}
.political-career-wrapper.owl-carousel:hover .owl-nav .owl-prev {
left: -40px;
opacity: 1
}
.political-career-wrapper.owl-carousel:hover .owl-nav .owl-next {
right: -40px;
opacity: 1
}
.political-career-wrapper.bar-invisible .owl-nav {
display: none
}
/*edukcation experience*/
.biography-two .educational-experience{
background-color: transparent;
border: 0;
padding-top: 100px;
}
.biography-two .education-label{
margin-bottom: 50px;
}
.biography-two .academic-year{
position: static;
text-align: center;
font-size: 25px;
font-weight: 700;
}
.biography-two .edu-single-info .org-name{
opacity: 0.7;
font-size: 16px;
}
.biography-two .education-details{
font-size: 16px;
}
.biography-two .edu-single-info{
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 40px;
padding-bottom: 35px;
}
.biography-two .education-info-wrapper > div:last-child{
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.leader-quote blockquote{
font-size: 40px;
font-style: normal;
line-height: 1.2;
font-weight: 700;
padding: 0;
}
.leader-quote blockquote::before{
display: none;
}
@media(max-width: 1399px){
.biography-two .biography-info-wrapper{
padding-right: 15px;
}
.biography-two .leader-image {
max-width: 400px;
}
}
@media(max-width: 1199px){
.biography-two .leader-image::before {
content: "";
background-color: rgba(2,27,103,0.75);
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
}
@media(max-width: 767px){
.party-leader-wrapper.biography-two{
padding-top: 50px;
}
.biography-two .biography-info-wrapper{
padding: 70px 15px 0;
position: relative;
z-index: 1;
}
.biography-two .leader-name h2 {
font-size: 40px;
}
.biography-two .academic-year {
text-align: left;
font-size: 15px;
margin-bottom: 8px;
}
.leader-quote blockquote {
font-size: 24px;
line-height: 1.5;
}
}
/* =-=-=-=-=-=-= VOLUNTEER SECTION =-=-=-=-=-=-= */
.volunteer-section {
text-align: center;
}
.volunteer-section h2{
font-size: 24px;
color: #fff;
}
.volunteer-section .section-intro {
margin-bottom: 55px;
}
.volunteer-section .btn{
font-size: 14px;
line-height: 28px;
font-weight: 600;
text-transform: uppercase;
min-width: 130px;
}
/*Volunteer page*/
.volunter-form-wrapper{
margin: 0 130px;
padding: 40px 35px 40px;
background-color: #fafafa;
border: 1px solid #e8e8e8;
}
@media(max-width: 767px){
.volunter-form-wrapper{
margin: 0;
}
}
.wpcf7 .volunter-form-wrapper .btn{
padding: 15px 48px;
text-transform: capitalize;
}
.volunter-form-wrapper .form-control {
background-color: #ffffff;
}
.volunter-form-wrapper label {
font-weight: 400;
font-size: 15px;
margin: 0;
}
div.wpcf7-response-output {
margin: 0;
padding: 0;
}
/* =-=-=-=-=-=-= CAMPAIGN SECTION =-=-=-=-=-=-= */
.upcoming-campaign {
position: relative;
color: #fff;
margin-bottom: 30px;
}
.upcoming-campaign::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000',GradientType=0 );
}
.featured-event .upcoming-campaign::before {
background: transparent;
background-color: rgba(0, 0, 0, 0.7);
}
.upcoming-campaign img {
width: 100%;
}
.campaign-scoop {
position: absolute;
width: 100%;
top: 50%;
left: 0;
text-align: center;
padding: 40px 40px 20px 40px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.campaign-scoop .title{
font-size: 24px;
}
.campaign-scoop .title a{
color: #fff;
}
.campaign-scoop .title a:hover{
color: #ef4836;
}
.campaign-scoop .start-date {
font-size: 18px;
line-height: 30px;
font-weight: 700;
display: block;
margin-bottom: 35px;
}
/*Featured event with video*/
.featured-event-video.has-event-video .tt-popup-wrapper::before{
content: "";
background-color: #ef4836;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .85;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.featured-event-video .tt-popup-wrapper:hover::before{
opacity: .7;
}
.featured-event-video .tt-popup-wrapper .tt-popup{
margin-left: 0;
}
.featured-event-video .tt-popup-wrapper .tt-popup i {
background-color: transparent;
padding: 0;
font-size: 100px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.featured-event-video .tt-popup-wrapper:hover .tt-popup i{
background-color: transparent;
}
.featured-event-video .tt-popup-wrapper .tt-popup i:hover{
text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
}
.featured-event-video{
position: relative;
background-color: #1b1b1b;
}
.featured-event-video .campaign-scoop .title{
font-size: 35px;
}
.featured-event-video .campaign-scoop{
position: static;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
padding: 70px 0 0;
text-align: left;
}
.featured-event-video .countdown-wrapper {
margin-bottom: 60px;
margin-top: 25px;
}
.featured-event-video .countdown{
display: inline-block;
background-color: #2c2e31;
border-radius: 5px;
padding: 20px;
text-align: center;
}
.featured-event-video .countdown li{
margin-right: 40px;
}
.featured-event-video .countdown li > span{
font-size: 45px;
font-weight: 700;
color: #ffffff;
line-height: 45px;
width: inherit;
height: inherit;
}
.featured-event-video .countdown li > span::after{
content: none;
}
.featured-event-video .countdown li p{
line-height: 30px;
margin-top: 0;
}
.featured-event-video .campaign-scoop > ul li i{
color: #ef4836;
margin-right: 8px;
}
.featured-event-video .campaign-scoop address,
.featured-event-video .campaign-scoop .event-duration{
font-size: 16px;
color: #bec2cc;
font-weight: 400;
}
@media(min-width: 992px) and (max-width: 1199px){
.featured-event-video .campaign-scoop{
padding-top: 30px;
}
.featured-event-video .countdown-wrapper {
margin-bottom: 30px;
}
}
@media(max-width: 991px){
.featured-event-video .campaign-scoop {
padding: 70px 30px;
}
}
@media(max-width: 550px){
.featured-event-video .tt-popup-wrapper .tt-popup i{
font-size: 60px;
}
.featured-event-video .tt-popup-wrapper .tt-popup {
margin-top: -30px;
}
.featured-event-video .countdown li > span {
font-size: 25px;
line-height: 25px;
}
.featured-event-video .campaign-scoop {
padding: 40px 20px !important;
}
.featured-event-video .campaign-scoop .title {
font-size: 25px;
}
}
@media(max-width: 479px){
.featured-event-video .campaign-scoop .event-duration{
font-size: 13px;
}
}
/* =-=-=-=-=-=-= UPCOMING EVENT =-=-=-=-=-=-= */
.countdown-wrapper {
margin-bottom: 40px;
}
.countdown {
margin: 0;
padding: 0;
list-style: none;
}
.countdown li{
display: inline-block;
margin-right: 50px;
}
.countdown li:last-child{
margin-right: 0;
}
.countdown li > span{
display: block;
color: #ef4836;
font-size: 26px;
line-height: 60px;
font-weight: 700;
width: 60px;
height: 60px;
position: relative;
z-index: 10;
}
.countdown li > span::after {
content: "";
position: absolute;
top: 0;
left: 0;
background-color: #ffffff;
width: 60px;
height: 60px;
z-index: -1;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.countdown li p{
font-size: 14px;
font-weight: 700;
color: #fff;
margin-top: 10px;
margin-bottom: 0;
display: inline-block;
}
.campaign-scoop address{
text-transform: capitalize;
font-size: 18px;
line-height: 30px;
font-weight: 700;
margin-bottom: 0;
}
.campaign-scoop address{
font-size: 18px;
line-height: 30px;
font-weight: 700;
margin-bottom: 0;
}
.campaign-scoop address i{
margin-right: 5px;
}
.campaign-scoop .event-duration i{
color: #fff;
margin-right: 5px;
}
@media (max-width: 479px) {
.campaign-scoop {
padding: 10px !important;
}
.campaign-scoop .title {
line-height: 20px;
font-weight: 400;
}
.campaign-scoop .start-date {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 15px !important;
}
.countdown li {
margin-right: 15px !important;
}
.countdown li span {
font-size: 18px;
line-height: 30px;
width: 30px;
height: 30px;
}
.countdown li span::after {
width: 30px;
height: 30px;
}
.countdown li p {
font-weight: 400;
margin-top: 6px;
font-size: 8px;
}
.campaign-scoop address {
font-size: 13px !important;
line-height: 20px !important;
font-weight: 400 !important;
}
}
.campaign-scoop .event-duration {
display: block;
font-size: 14px;
line-height: 36px;
font-weight: 700;
}
.upcoming-campaign .event-info {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 0 15px 10px;
}
.upcoming-campaign .event-info address{
font-size: 14px;
line-height: 20px;
font-weight: 700;
margin-bottom: 0;
}
.upcoming-campaign .event-info span {
font-size: 12px;
font-weight: 700;
}
.event-wrapper .event-info h3{
margin-bottom: 5px;
font-size: 15px;
color: #fff;
}
.event-wrapper .event-info h3 a{
color: #fff;
}
.event-wrapper .event-info h3 a:hover{
color: #ef4836;
}
.event-wrapper .event-info address{
font-size: 11px;
}
.event-wrapper .event-info address i{
margin-right: 5px;
}
.event-wrapper .event-info .event-meta span{
margin-right: 15px;
font-size: 11px;
}
.event-wrapper .event-info .event-meta span:last-child{
margin-right: 0;
}
.event-wrapper .event-info .event-meta span i{
margin-right: 5px;
color: #fff;
}
/*Featured event style two*/
.header-default .featured-event.style_two .campaign-scoop{
margin-top: 50px;
}
.featured-event.style_two{
max-height: 800px;
overflow: hidden;
}
.featured-event.style_two .upcoming-campaign{
margin-bottom: 0;
}
.featured-event.style_two .campaign-scoop h2{
font-size: 57px;
color: #ffffff;
}
/* =-=-=-=-=-=-= EVENT SINGLE PAGE =-=-=-=-=-=-= */
.single-event-content{
padding: 0 0 90px;
}
.single-event-header{
position: relative;
max-height: 800px;
text-transform: uppercase;
color: #fff;
overflow: hidden;
}
@media (min-width : 1920px) {
.single-event-header img{
width: 100%;
}
}
.gradient-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.85) 51%, rgba(242,109,95,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(51%, rgba(0,0,0,0.85)), color-stop(100%, rgba(242,109,95,0.9)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.85) 51%, rgba(242,109,95,0.9) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.85) 51%, rgba(242,109,95,0.9) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.85) 51%, rgba(242,109,95,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.85) 51%, rgba(242,109,95,0.9) 100%);
}
.single-event-header .campaign-scoop{
padding-top: 0;
padding-bottom: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media(min-width: 768px){
.header-style-box-style .single-event-header .campaign-scoop{
margin-top: 100px;
}
}
.single-event-header .campaign-scoop h2{
text-transform: capitalize;
font-size: 57px;
color: #fff;
}
.single-event-header .campaign-scoop .campaign-title h3{
color: #fff;
}
.event-location-map{
margin-top: -100px;
position: relative;
}
@media(min-width: 768px){
.header-style-box-style .event-location-map{
margin-top: 100px !important;
}
}
.ie9 .event-location-map{
display: none;
}
.event-location-map .rwmb-map-canvas{
width: 100% !important;
border: 5px solid #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.event-passed-message{
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: center;
z-index: 999;
}
.event-passed-message .alert-warning {
line-height: 100px;
font-size: 30px;
font-weight: 700;
background-color: rgba(252, 248, 227, 0.85);
}
.event-passed-message .alert-warning i{
margin-right: 10px;
}
.single-event-content .entry-content{
padding-top: 100px;
}
/* =-=-=-=-=-=-= AGENDA AND SCHEDULE =-=-=-=-=-=-= */
.schedule-wrap{
border: 1px solid #eeeeee;
padding: 20px 30px;
display: table;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.entry-content .schedule-meta ul{
padding-left: 0;
margin: 0;
}
.schedule-meta{
margin-bottom: 15px;
}
.schedule-meta ul li{
color: #2f2f2f;
font-size: 16px;
font-weight: 700;
margin-right: 35px;
padding: 0;
text-transform: uppercase;
}
.schedule-meta ul li:last-child{
margin-right: 0;
}
.schedule-meta ul li i{
margin-right: 5px;
color: #ef4836;
}
.schedule-wrap h3{
font-size: 18px;
margin: 0 0 5px;
color: #ef4836;
}
.schedule-content{
display: table-cell;
padding-right: 30px;
}
.entry-content .schedule-content p{
margin-bottom: 0;
}
.speaker-thumb-wrap{
text-align: right;
display: table-cell;
vertical-align: middle;
width: 90px;
}
.speaker-thumb-wrap .img-shape{
width: 80px;
height: 80px;
overflow: hidden;
-webkit-transform: rotate(45deg) translateY(0);
-moz-transform: rotate(45deg) translateY(0);
-o-transform: rotate(45deg) translateY(0);
transform: rotate(45deg) translateY(0);
}
.speaker-thumb-wrap .img-shape .shape-inner{
width: 115px;
height: 115px;
-webkit-transform: rotate(-45deg) translateY(-25px);
-moz-transform: rotate(-45deg) translateY(-25px);
-o-transform: rotate(-45deg) translateY(-25px);
transform: rotate(-45deg) translateY(-25px);
}
.schedule-wrap:hover{
background-color: #ef4836;
color: #fff;
border-color: #ef4836;
}
.schedule-wrap:hover .schedule-meta ul li,
.schedule-wrap:hover .schedule-meta ul li i,
.schedule-wrap:hover h3{
color: #fff;
}
/* =-=-=-=-=-=-= DONATION SECTION =-=-=-=-=-=-= */
.donation-intro {
padding: 100px 100px 100px 110px !important;
background-color: #222222;
color: #fff;
}
.donation-intro h2{
text-transform: uppercase;
font-size: 24px;
color: #fff;
margin-bottom: 30px;
}
.donate-button .btn {
line-height: 28px;
font-weight: 600;
margin-top: 50px;
}
.paypal-donations{
margin-top: 50px;
margin-bottom: -10px;
}
.paypal-donations input[type="image"]:hover,
.paypal-donations input[type="image"]:focus{
outline: 0;
}
@media (min-width : 992px) {
.donation-intro,
.donation-thumb {
min-height: 500px !important;
}
.donation-thumb .vc_column-inner{
min-height: 500px !important;
}
}
/*Donation page form*/
.tt-paypal-donation{
margin: 0 130px;
padding: 40px 20px 70px;
background-color: #fafafa;
border: 1px solid #e8e8e8;
}
.paypal-donation-short{
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
}
.tt-paypal-donation span{
padding: 0 15px 20px;
display: block;
}
.tt-paypal-donation .paypal-donate-form{
}
.tt-paypal-donation .donate-amount{
margin-bottom: 20px;
}
.donate-amount .amount-button{
background-color: #a1a1a1;
color: #ffffff;
font-size: 15px;
padding: 10px 40px;
margin: 0 22px 20px 0;
border: 0;
}
.donate-amount .amount-button.active{
background-color: #ef4836;
box-shadow: none;
}
.tt-paypal-donation .form-control{
background-color: #ffffff;
}
.tt-paypal-donation input.others-amount{
display: inline-block;
width: inherit;
font-weight: 400;
height: 41px;
}
.tt-paypal-donation .btn-primary{
font-weight: 600;
margin-top: 10px;
}
.paypal-donation-short .paypal-donate-form{
text-align: center;
}
.paypal-donation-short .donate-amount{
display: block;
}
.paypal-donation-short .donate-amount .amount-button{
float: none;
display: inline-block;
}
.paypal-donation-short .donate-amount .amount-button,
.paypal-donation-short .donate-amount .others-amount{
border-radius: 4px !important;
padding: 0 30px;
margin: 0 30px 20px 0;
border: 2px solid #6c667d;
background-color: transparent;
font-weight: 700;
font-size: 20px;
width: 110px;
height: 50px;
line-height: 46px;
}
.paypal-donation-short .donate-amount .amount-button:hover,
.paypal-donation-short .donate-amount .amount-button.active{
background-color: #6c667d;
}
.paypal-donation-short .donate-amount input[type=number]::-webkit-inner-spin-button,
.paypal-donation-short .donate-amount input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.paypal-donation-short .donate-amount .others-amount{
margin: 0;
height: 50px;
width: 110px;
padding: 0 10px;
color: #fff;
text-align: center;
position: relative;
top: -6px;
line-height: 46px;
}
.paypal-donation-short .donate-amount .others-amount:focus,
.paypal-donation-short .donate-amount .others-amount:active{
border-color: #ef4836;
}
.paypal-donation-short.dark-form .donate-amount .amount-button,
.paypal-donation-short.dark-form .donate-amount .others-amount{
color: #6c667d;
}
.paypal-donation-short.dark-form .donate-amount .amount-button:hover,
.paypal-donation-short.dark-form .donate-amount .amount-button.active{
color: #ffffff;
}
.tt-paypal-donation.paypal-donation-short .btn-primary {
font-size: 14px;
text-transform: uppercase;
padding: 10px 25px;
}
/* =-=-=-=-=-=-= CHARITABLE DONATION FORM =-=-=-=-=-=-= */
.tt-charitable-donation {
background-color: #fff;
}
.tt-charitable-donation.default-form .charitable-notice{
position: absolute;
bottom: -20px;
width: 100%;
border: 0;
padding: 0;
left: 0;
}
.charitable-donation-form .donation-amounts .donation-amount {
display: inline-block;
width: auto;
margin: 0;
margin-left: 15px !important;
border-radius: 4px;
border: 1px solid #ddd;
margin-bottom: 10px;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper,
.charitable-donation-form .donation-amounts .donation-amount > label {
padding: 0 30px;
height: 50px;
line-height: 50px;
}
.campaign-template-default .donation-amounts .donation-amount .custom-donation-amount-wrapper,
.campaign-template-default .charitable-donation-form .donation-amounts .donation-amount > label{
padding: 0 35px;
}
.campaign-template-default .charitable-donation-options {
margin-bottom: 40px;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper {
padding: 0 15px;
text-align: center;
}
.charitable-donation-form .custom-donation-input{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
border: none !important;
padding: 5px !important;
text-align: center;
color: #fff;
font-weight: bold;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
opacity: 0;
}
.charitable-donation-form .donation-amounts .donation-amount.selected .custom-donation-input {
background-color: transparent !important;
opacity: 1;
}
.charitable-donation-form .donation-amount.selected,
.charitable-donation-amount-form .donation-amount.selected,
.charitable-notice,
.charitable-drag-drop-images li:hover a.remove-image,
.supports-drag-drop .charitable-drag-drop-dropzone.drag-over {
border-color: #ef4836 !important;
}
.campaign-progress-bar .bar,
.charitable-donation-form .donation-amount.selected,
.charitable-donation-amount-form .donation-amount.selected {
background-color: #ef4836 !important;
color: #ffffff !important;
}
.header-wrapper .donate-button{
background: transparent !important;
padding: 0;
line-height: 1;
}
.login-submit .button-primary,
.charitable-submit-field .button {
border: none;
background-color: #ef4836;
height: 45px;
padding: 0 25px;
color: #fff;
text-transform: uppercase;
cursor: pointer;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.charitable-submit-field .button,
.tt-charitable-donation.default-form .charitable-submit-field .button{
margin-left: 15px;
height: 52px;
border-radius: 5px;
line-height: 52px;
font-weight: bold;
}
.tt-charitable-donation.details-form .charitable-submit-field .button{
margin-left: 0;
}
.tt-charitable-donation.inline-form .charitable-submit-field .button{
padding: 0 35px;
margin-top: 40px;
margin-left: 0;
}
.tt-charitable-donation #charitable-user-fields {
margin-bottom: 30px;
}
.charitable-submit-field .button:hover{
opacity: .85;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper label{
cursor: pointer;
}
.campaign-description, .campaign-summary, .charitable-form-field {
margin-bottom: 0;
}
.charitable-donation-form .donation-amounts {
margin-left: -15px;
}
.tt-charitable-donation .charitable-form-fields {
position: relative;
}
.tt-charitable-donation.default-form .charitable-form-fields {
float: left;
}
.tt-charitable-donation.default-form .charitable-donation-form .charitable-submit-field {
float: left;
}
.tt-charitable-donation .default-layout .charitable-donation-form {
overflow: hidden;
display: inline-block;
}
.tt-charitable-donation .nominee-donation-title {
font-size: 30px;
font-weight: normal;
line-height: 1.2;
}
.tt-charitable-donation.portrait-form .nominee-donation-title{
font-size: 25px;
font-weight: bold;
line-height: 32px;
}
.tt-charitable-donation .charitable-form-fields .charitable-fieldset.odd div{
display: inline-block;
}
.tt-charitable-donation .charitable-form-header {
display: none !important;
}
.tt-charitable-donation.content-center .charitable-fieldset.odd,
.tt-charitable-donation.content-center .default-layout,
.tt-charitable-donation.content-center > h3{
text-align: center;
}
.tt-charitable-donation.content-right .default-layout,
.tt-charitable-donation.content-right > h3{
text-align: right;
}
/* Donate button color */
.tt-charitable-donation.donate-btn-white .charitable-submit-field .button{
background-color: #ffffff !important;
color: #212121;
}
.tt-charitable-donation.donate-btn-black .charitable-submit-field .button{
background-color: #000000 !important;
color: #ffffff;
}
.tt-charitable-donation.donate-btn-theme .charitable-submit-field .button{
background-color: #ef4836 !important;
color: #ffffff;
}
/* Amount button color */
.tt-charitable-donation.amount-btn-white .charitable-donation-form .donation-amounts .donation-amount{
background-color: #ffffff;
border-color: #dbdbdb;
color: #212121;
}
.tt-charitable-donation.amount-btn-black .charitable-donation-form .donation-amounts .donation-amount{
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.tt-charitable-donation.amount-btn-theme .charitable-donation-form .donation-amounts .donation-amount{
background-color: #ef4836;
border-color: #ef4836;
color: #ffffff;
}
.tt-charitable-donation.amount-btn-theme-dark .charitable-donation-form .donation-amounts .donation-amount{
background-color: #cc0e04;
border-color: #cc0e04;
color: #ffffff;
}
.tt-charitable-donation.amount-btn-gray .charitable-donation-form .donation-amounts .donation-amount{
background-color: #e9eaee;
border-color: #e9eaee;
color: #88858f;
}
.tt-charitable-donation.amount-btn-blue .charitable-donation-form .donation-amounts .donation-amount{
background-color: #38304a;
border-color: #38304a;
color: #b4acc5;
}
.tt-charitable-donation.amount-btn-active-white .charitable-donation-form .donation-amounts .donation-amount.selected{
background-color: #ffffff !important;
border-color: #999 !important;
color: #212121 !important;
}
.tt-charitable-donation.amount-btn-active-black .charitable-donation-form .donation-amounts .donation-amount.selected{
background-color: #000000 !important;
border-color: #000000 !important;
color: #ffffff !important;
}
.tt-charitable-donation.no-btn-outline .charitable-donation-form .donation-amounts .donation-amount{
border: none !important;
}
.tt-charitable-donation .charitable-donation-form .donation-amounts .custom-donation-amount span.description{
display: none;
}
.tt-charitable-donation .charitable-donation-form .donation-amounts .custom-donation-amount label:after{
content: "More";
font-weight: 500;
visibility: visible;
opacity: 1;
transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
}
.charitable-donation-form .donation-amounts .donation-amount.selected .custom-donation-amount-wrapper label
{
visibility: hidden;
opacity: 0;
}
#charitable_field_first_name{
margin-right: 26px;
}
#charitable_field_first_name,
#charitable_field_last_name{
width: -webkit-calc(50% - 13px);
width: calc(50% - 13px);
float: left;
}
#charitable-donor-fields .charitable-form-header,
#charitable-meta-fields, #charitable-user-fields {
padding: 0;
}
.campaign-inner .charitable-donor-details{
padding-left: 0;
}
.charitable-form-field {
margin-bottom: 30px;
}
.charitable-form-field.charitable-submit-field{
margin-bottom: 0;
}
.tt-charitable-donation.details-form #charitable-gateway-fields,
.tt-charitable-donation.details-form .charitable-form-field{
text-align: left;
}
.tt-charitable-donation.portrait-form .charitable-form-field {
margin: 0;
}
.tt-charitable-donation.portrait-form .charitable-form-field button{
margin: 0;
}
.tt-charitable-donation .donate-content-white h3,
.tt-charitable-donation .donate-content-white{
color: #ffffff;
}
.charitable-form-fields .charitable-fieldset {
color: #212121;
padding: 0;
border: none;
margin: 0;
}
#charitable-gateway-fields {
margin-bottom: 20px;
}
#charitable-donor-fields {
padding: 0;
margin-top: -15px !important;
}
.charitable-form-fields #charitable-donor-fields label{
color: #787878;
}
.tt-charitable-donation .form-control {
border-color: #d2d2d2;
}
.tt-charitable-donation.input-border-bottom .form-control {
border: none;
border-bottom: 2px solid #ececec;
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.tt-charitable-donation.input-border-bottom .form-control:focus{
background-color: transparent;
border-color: #ef4836;
}
.tt-charitable-donation .custom-donation-amount .form-control:focus{
background-color: #ffffff !important;
}
.tt-charitable-donation.input-border-bottom .charitable-form-fields #charitable-donor-fields label {
display: none;
}
.tt-charitable-donation #charitable-gateway-selector,
.tt-charitable-donation #charitable-donor-fields {
margin: 0;
}
.tt-charitable-donation #charitable-gateway-fields .charitable-form-header{
display: none;
}
#charitable-gateway-selector input{
height: 10px;
float: left;
margin-right: 10px;
}
#charitable-gateway-selector input,
#charitable-gateway-selector label {
cursor: pointer;
}
.tt-charitable-donation .details-layout #charitable_field_address,
.tt-charitable-donation .details-layout #charitable_field_address_2,
.tt-charitable-donation .details-layout #charitable_field_city,
.tt-charitable-donation .details-layout #charitable_field_state,
.tt-charitable-donation .details-layout #charitable_field_postcode,
.tt-charitable-donation .details-layout #charitable_field_phone,
.tt-charitable-donation .details-layout #charitable_field_nominee_employer,
.tt-charitable-donation .details-layout #charitable_field_nominee_occupation,
.charitable-form-header {
display: none;
}
.tt-charitable-donation.show_address .details-layout #charitable_field_address,
.tt-charitable-donation.show_address_two .details-layout #charitable_field_address_2,
.tt-charitable-donation.show_city .details-layout #charitable_field_city,
.tt-charitable-donation.show_state .details-layout #charitable_field_state,
.tt-charitable-donation.show_postcode .details-layout #charitable_field_postcode,
.tt-charitable-donation.show_phone .details-layout #charitable_field_phone,
.tt-charitable-donation.show_employer .details-layout #charitable_field_nominee_employer,
.tt-charitable-donation.show_occupation .details-layout #charitable_field_nominee_occupation{
display: block;
}
.tt-charitable-donation.hide_first_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(1),
.tt-charitable-donation.hide_second_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(2),
.tt-charitable-donation.hide_third_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(3),
.tt-charitable-donation.hide_fourth_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(4),
.tt-charitable-donation.hide_fifth_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(5),
.tt-charitable-donation.hide_sixth_child .charitable-donation-form .donation-amounts .donation-amount:nth-child(6){
display: none;
}
.tt-charitable-donation .details-layout.hide_payment #charitable-gateway-fields{
display: none;
}
.tt-charitable-donation.hide_custom_donation .custom-donation-amount{
display: none;
}
.donation-summary dt {
min-width: 153px;
color: #596d78;
}
.tt-charitable-donation.portrait-form .charitable-submit-field button{
width: 100%;
margin-top: 10px;
}
.tt-charitable-donation .alert-warning {
border: 1px solid #fad4bb;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
padding: 12px 35px 12px 12px;
color: #000000;
font-size: 15px;
margin-bottom: 35px;
}
.tt-charitable-donation.portrait-form .charitable-donation-form .donation-amounts{
margin-left: -15px;
}
.tt-charitable-donation.portrait-form .charitable-donation-form{
display: block;
}
.tt-charitable-donation.portrait-form .charitable-donation-form .donation-amounts .donation-amount {
width: -webkit-calc(33.3333333% - 15px);
width: calc(33.3333333% - 15px);
margin-right: 0 !important;
margin-left: 15px;
margin-bottom: 15px;
}
.tt-charitable-donation.portrait-form .charitable-donation-form .donation-amounts .donation-amount label{
text-align: center;
padding: 0;
}
.donors-list .donor .donor-name {
margin: 0 !important;
}
.donors-list .donor .donor-donation-amount{
margin: 0 !important;
}
.single-campaign .campaign-description {
font-size: 16px;
font-weight: normal;
margin-bottom: 30px;
}
.single-campaign .charitable-form-field.charitable-submit-field{
display: inline-block;
}
.tt-sidebar-wrapper .charitable-donation-form .donation-amounts,
.tt-sidebar-wrapper .charitable-donation-form .donation-amounts .donation-amount{
margin-left: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 1170px){
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper,
.charitable-donation-form .donation-amounts .donation-amount > label {
padding: 0 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.tt-charitable-donation.portrait-form .charitable-donation-form .donation-amounts .donation-amount {
width: -webkit-calc(50% - 15px) !important;
width: calc(50% - 15px) !important;
font-size: 15px;
}
}
@media (max-width: 600px){
.tt-charitable-donation.portrait-form .charitable-donation-form .donation-amounts .donation-amount {
width: -webkit-calc(48% - 15px) !important;
width: calc(48% - 15px) !important;
}
}
@media (min-width: 500px) and (max-width: 767px){
.tt-charitable-donation.default-form .charitable-donation-form .donation-amounts .donation-amount{
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px);
}
}
@media (max-width: 600px){
.tt-charitable-donation.default-form .charitable-donation-form .donation-amounts .donation-amount{
width: 100%;
margin-right: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
}
@media (max-width: 767px){
.tt-charitable-donation.default-form .charitable-donation-form .charitable-submit-field {
float: none;
}
.tt-charitable-donation.default-form .charitable-submit-field .button {
display: block;
width: 100%;
margin: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
}
/* Goal Donation Form
======================== */
.tt-charitable-donation.goal-form {
padding: 25px;
border-radius: 5px;
box-shadow: 0px 0px 66.64px 1.36px rgba(0, 0, 0, 0.13);
margin-bottom: 30px;
}
.tt-charitable-donation .donation-goal-thumb{
position: relative;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.tt-charitable-donation .donation-goal-thumb img {
height: 100%;
width: auto;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.tt-charitable-donation .donation-goal-thumb .goal-overlay{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,.6);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tt-charitable-donation .donation-goal-thumb .donation-goal {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
padding: 0 25px;
color: #fff;
font-size: 15px;
font-weight: 500;
}
.tt-charitable-donation .donation-goal-thumb .donation-goal span{
margin-bottom: 5px;
}
.tt-charitable-donation.goal-form-portrait .donation-goal-content{
padding: 20px;
}
.tt-charitable-donation.goal-form-portrait .donation-goal-thumb{
border-radius: 0;
}
.tt-charitable-donation.goal-form-portrait .donation-goal-thumb img{
width: 100%;
height: auto;
}
.tt-charitable-donation.goal-form-portrait{
margin-bottom: 30px;
}
.tt-charitable-donation p.login-prompt {
display: none;
}
.campaign-progress-bar {
margin-bottom: 0;
border-radius: 30px;
}
.tt-charitable-donation.goal-form-portrait .donation-goal-content .donation-goal{
background-color: transparent;
padding: 0;
}
@media (max-width: 767px){
.tt-charitable-donation .donation-goal-content{
margin-top: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.tt-charitable-donation.goal-form-portrait .donation-goal-thumb .donation-goal span{
font-size: 10px;
}
}
@media (max-width: 340px){
.tt-charitable-donation .donation-goal-thumb .donation-goal span{
font-size: 11px;
}
}
.donation-cat a {
font-size: 12px;
line-height: 17px;
font-weight: 700;
display: inline-block;
text-transform: capitalize;
}
.donation-goal-content h3 {
font-size: 25px;
line-height: 33px;
font-weight: 400;
}
.tt-donation-list-wrapper .donation-goal-content h3,
.goal-form-portrait .donation-goal-content h3 {
font-size: 20px;
line-height: 26px;
}
.tt-donation-list-wrapper .donation-goal-content h3 a{
color: #2f2f2f;
}
.tt-donation-list-wrapper .donation-goal-content h3 a:hover{
color: #ef4836;
}
.donation-goal-content span.separator {
height: 3px;
width: 60px;
margin: 10px 0px;
}
.donation-goal-content .donation-goal {
background: #edecf4;
padding: 14px 20px;
border-radius: 5px;
margin: 30px 0;
overflow: hidden;
}
.fund-info {
color: #5b6581;
font-weight: 600;
font-size: 12px;
line-height: 17px;
}
.fund-info .note {
color: #2f2f2f;
}
.fund-info .raised {
color: #2900d5;
}
.donation-goal .campaign-progress-bar {
margin-top: 3px;
background-color: #cecbd9;
}
.donation-goal-content .btn {
font-size: 15px;
text-transform: uppercase;
padding: 15px 20px;
border-radius: 3px;
}
.tt-donation-list-wrapper .donation-goal-content .btn,
.tt-charitable-donation.goal-form-portrait .donation-goal-content .btn {
display: block;
}
@media (min-width: 500px) {
.fund-info {
float: left;
width: 60%;
}
.donation-goal .campaign-progress-bar {
width: 35%;
float:right;
}
}
/*Donation list new*/
.enable-content-padding .donation-goal-content{
padding: 20px;
background-color: #fff;
}
.tt-donation-list-wrapper .donation-goal-content .donation-goal{
margin-bottom: 0;
}
.tt-donation-list-wrapper > .row > div{
margin-bottom: 30px;
}
.tt-donation-list-wrapper .donation-goal-content .btn{
margin-top: 30px;
}
.tt-donation-list-wrapper .disable-progressbar-padding{
padding: 0;
background-color: transparent;
}
.tt-donation-list-wrapper .donation-content{
margin-top: 20px;
}
/* =-=-=-=-=-=-= SINGLE-CAMPAIGN =-=-=-=-=-=-= */
.single-campaign .content-wrapper .campaign-inner{
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
.single-campaign .campaign-summary{
order: 100;
width: 100%;
margin-top: 20px;
}
.single-campaign .post-thumbnail img,
.single-campaign .post-thumbnail{
width: 100%;
}
.donors-list .donor .avatar {
float: left;
margin-right: 15px;
width: 80px;
height: 80px;
}
.content-wrapper .campaign-inner{
padding: 30px;
background-color: #fafafa;
border: 1px solid #e8e8e8;
}
.content-wrapper.single-campaign .campaign-inner{
background-color: #f7f7f7;
}
.content-wrapper .campaign-inner .campaign-thumb {
margin-bottom: 30px;
margin-right: -30px;
margin-left: -30px;
margin-top: -30px;
}
.content-wrapper .campaign-inner .donate-button {
padding: 0 30px;
background-color: #ef4836 !important;
font-size: 18px;
height: 45px;
line-height: 45px;
cursor: pointer;
margin: 0;
float: left;
}
.single-campaign.campaign-donation .page-wrapper{
padding-top: 60px;
}
.single-campaign.campaign-donation .sction-title-wrapper {
margin-bottom: 100px;
}
.single-campaign .campaign-summary .campaign-raised .amount,
.single-campaign .campaign-summary .campaign-figures .amount,
.single-campaign .campaign-summary .donors-count,
.single-campaign .campaign-summary .time-left{
color: #ef4836;
}
.single-campaign .charitable-donation-form {
width: 100%;
}
.single-campaign.campaign-donation .campaign-inner{
margin-top: 40px;
}
.widget.widget_charitable_campaigns_widget .campaign .campaign-title{
font-size: 13px;
line-height: 18px;
font-weight: 700;
}
.widget.widget_charitable_campaigns_widget .campaign .campaign-title a{
color: #2f2f2f;
}
.widget.widget_charitable_campaigns_widget .campaign .campaign-title a:hover{
color: #ef4836;
}
.widget.widget_charitable_campaigns_widget .campaign{
display: inline-block;
width: 100%;
padding: 0 0 10px;
margin-bottom: 10px;
}
.widget.widget_charitable_campaigns_widget .campaign:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget.widget_charitable_campaigns_widget .campaign .wp-post-image{
max-width: 100px;
height: auto;
float: left;
margin: 0 10px 0 0;
}
.widget.widget_charitable_campaigns_widget .campaign .campaign-time-left{
font-size: 12px;
}
.widget.widget_charitable_campaigns_widget .time-left{
color: #ef4836;
font-weight: 700;
}
.widget .campaign-template-default .charitable-donation-options{
margin-bottom: 20px;
}
.widget .charitable-submit-field .button{
background-color: #ef4836 !important;
}
@media(max-width: 767px){
.single-campaign .tt-sidebar-wrapper{
margin-top: 90px;
}
}
/* =-=-=-=-=-=-= CAMPAIGN CATEGORY =-=-=-=-=-=-= */
.archive .tt-donation-list-wrapper{
padding: 100px 0;
}
.archive .tt-donation-list-wrapper .masonry-column{
margin-bottom: 30px;
}
.archive .enable-content-padding .donation-goal-content {
background-color: #f7f7f7;
}
/* =-=-=-=-=-=-= PRESS RELEASE SECTION =-=-=-=-=-=-= */
@media (max-width : 991px) {
.blog-wrap{
margin-bottom: 30px;
}
}
.blog-content {
background-color: #fff;
padding: 20px 18px;
}
.entry-meta .the-time{
font-size: 11px;
font-weight: 700;
color: #ef4836;
text-transform: uppercase;
}
.press-release-wrapper.list-style.text-white .entry-meta .likes a,
.press-release-wrapper.list-style.text-white .entry-meta .the-time {
color: rgba(255, 255, 255, 0.5);
}
.press-release-wrapper .entry-meta ul{
margin-bottom: 0;
}
.press-release-wrapper .entry-meta ul li:last-child{
float: right;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.entry-header .entry-title{
font-size: 16px;
line-height: 28px;
font-weight: 600;
}
.entry-header .entry-title a{
color: #2f2f2f;
}
.entry-header .entry-title a:hover{
color: #ef4836;
}
.entry-content p{
margin-bottom: 15px;
}
.entry-content p:last-child,
.entry-content div p:last-child{
margin-bottom: 0;
}
.entry-header iframe,
.entry-content iframe{
width: 100%;
}
.entry-footer .readmore {
font-size: 10px;
color: #525252;
font-weight: 700;
text-transform: uppercase;
}
.entry-footer .readmore:hover {
color: #ef4836;
}
.entry-footer .readmore i {
-webkit-transition: padding 0.4s ease-in-out 0s;
-moz-transition: padding 0.4s ease-in-out 0s;
transition: padding 0.4s ease-in-out 0s;
}
.entry-footer .readmore:hover i {
padding-left: 5px;
}
.press-release-wrapper .post-thumbnail img {
width: 100%;
}
.press-release-wrapper .lodemore {
margin-top: 80px;
}
.press-release-wrapper .lodemore a{
font-weight: 600;
}
.press-release-wrapper.featured .blog-wrap {
position: relative;
}
.press-release-wrapper.featured .post-thumbnail img,
.press-release-wrapper.list-style .post-thumbnail img {
border-radius: 5px;
}
.press-release-wrapper.featured .blog-wrap .blog-content {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
padding: 30px;
border-radius: 5px;
}
.press-release-wrapper.featured .entry-header .entry-title {
font-size: 27px;
line-height: 35px;
font-weight: 700;
}
/*list-style*/
.press-release-wrapper.list-style .blog-wrap {
margin-bottom: 30px;
padding-bottom: 28px;
overflow: hidden;
}
.press-release-wrapper.list-style .post-thumbnail {
width: 150px;
height: 150px;
float: left;
}
@media (max-width: 500px){
.press-release-wrapper.list-style .post-thumbnail {
float: none;
margin-bottom: 15px;
margin-left: 20px;
}
}
.press-release-wrapper.list-style .blog-wrap .blog-content {
overflow: hidden;
padding: 0 20px;
background: transparent;
}
.press-release-wrapper.list-style .entry-header .entry-title {
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 0;
}
.press-release-wrapper.list-style .entry-content {
margin-top: 7px;
line-height: 19px;
}
.press-release-wrapper.list-style .entry-content p {
display: inline;
margin: 0;
line-height: 20px;
}
.press-release-wrapper.list-style .entry-content a {
color: #525252;
}
.press-release-wrapper.list-style .entry-content a:hover {
color: #ef4836;
}
.press-release-wrapper.list-style .entry-meta ul li:last-child,
.press-release-wrapper.menu-style .entry-meta ul li:last-child {
float: none;
}
.press-release-wrapper .entry-meta .likes{
font-size: 12px;
font-weight: bold;
}
.press-release-wrapper.list-style.text-white .entry-header .entry-title a {
color: #fff;
}
.press-release-wrapper.list-style.text-white .entry-header .entry-title a:hover,
.press-release-wrapper.list-style.text-white .entry-content a:hover {
color: #ef4836;
}
.press-release-wrapper.list-style.text-white .entry-content,
.press-release-wrapper.list-style.text-white .entry-content a {
color: rgba(255, 255, 255, 0.7);
}
.press-release-wrapper.list-style .entry-meta li {
font-size: 11px;
font-weight: 700;
color: #2f2f2f;
text-transform: uppercase;
}
/* =-=-=-=-=-=-= NEWSLETTER SECTION =-=-=-=-=-=-= */
.newsletter-section .section-intro {
color: #fff;
}
.newsletter-section .section-intro h2{
font-size: 22px;
color: #fff;
}
.subscribe-form.mc-default {
text-align: center;
}
.subscribe-form .mc4wp-alert{
background-color: transparent;
border: 0;
color: #fff;
}
.subscribe-form .mc4wp-success{
font-size: 13px;
color: #fff;
line-height: 20px;
margin-top: 10px;
}
.subscribe-form .mc4wp-form input[type=email] {
width: 385px;
}
.subscribe-form input::-webkit-input-placeholder {
color:#fff
}
.subscribe-form input::-moz-placeholder {
color:#fff
}
.subscribe-form input:-ms-input-placeholder {
color:#fff
}
.subscribe-form .mc4wp-form .form-control{
height: 45px;
color: #fff;
}
.subscribe-form.mc-default .mc4wp-form .form-control{
font-style: italic;
}
.subscribe-form .form-control:focus {
background-color: transparent;
}
.subscribe-form.mc-default .btn{
margin-left: 5px;
height: 45px;
width: 130px;
text-transform: uppercase;
font-weight: 600;
background-color: #ef4836;
color: #fff;
border-color: transparent;
}
.subscribe-form .btn {
position: relative;
top: 2px;
}
.subscribe-form.mc-default .btn:hover {
background-color: #c03a2b;
color: #ffffff;
}
.subscribe-form.mc-default.btn:focus {
outline: none;
color: #ffffff;
}
/*Newsletter Creative Layout*/
.subscribe-form.mc-creative .form-group{
width: 100%;
}
.subscribe-form.mc-creative .mc4wp-form-fields {
position: relative;
}
.subscribe-form.mc-creative .mc4wp-form-fields input[type="email"] {
height: 70px;
border-radius: 5px;
width: 100%;
}
.subscribe-form.mc-creative .mc4wp-form-fields input[type="submit"] {
margin-left: 0;
padding: 15px 27px;
border-radius: 5px;
text-transform: uppercase;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 150px;
}
/*Newsletter popup*/
.tt-newsletter-popup .mc4wp-form{
margin: 30px 0 0;
}
.tt-newsletter-popup .mc4wp-response{
margin-top: 20px;
}
.tt-newsletter-popup .mc4wp-response p{
margin: 0;
}
.tt-newsletter-popup .close {
color: #fff;
text-shadow: none;
/*opacity: 1;*/
position: relative;
z-index: 100;
}
.tt-newsletter-popup .close span{
margin-right: 4px;
}
.tt-newsletter-popup .close:hover{
opacity: 1;
}
.tt-newsletter-popup input::-webkit-input-placeholder {
color:#606060
}
.tt-newsletter-popup input::-moz-placeholder {
color:#606060
}
.tt-newsletter-popup input:-ms-input-placeholder {
color:#606060
}
.tt-newsletter-popup .mc4wp-form .form-control{
color: #606060;
}
/* BANNER JOINNOW FORM STYLE */
.banner-joinnow-form {
max-width: 520px;
width: 100%;
padding: 10px;
background-color: #fff;
border-radius: 4px;
display: flex;
position: relative;
justify-content: space-between;
}
.banner-joinnow-form input {
border: none;
height: 50px;
line-height: 50px;
}
.banner-joinnow-form input[type="email"]:focus,
.banner-joinnow-form input[type="number"]:focus {
background: none;
}
.banner-joinnow-form input[type="email"] {
width: 215px;
border-right: 1px solid #e8e3df;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.banner-joinnow-form input[type="number"] {
width: 135px;
margin-bottom: 10px !important;
margin-top: 10px !important;
margin-left: 10px !important;
-moz-appearance: textfield;
}
.banner-joinnow-form input[type="submit"] {
padding: 0;
min-width: 120px;
margin: 0;
height: 70px;
border-radius: 4px;
}
.banner-joinnow-form .ajax-loader {
position: absolute;
top: 38px;
right: 30px;
}
.wpcf7 .banner-joinnow-form span.wpcf7-not-valid-tip {
position: absolute;
bottom: -3px;
left: 10px;
top: auto;
padding: 3px 8px;
}
.banner-joinnow-form .wpcf7-form-control-wrap {
display: inline-block;
}
.banner-joinnow-form .wpcf7-spinner{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.banner-joinnow-form{
width: 100%;
min-width: 100%;
}
.banner-joinnow-form input[type="email"] {
width: 115px;
height: 30px;
}
.banner-joinnow-form input[type="number"] {
width: 95px;
height: 30px;
}
.banner-joinnow-form input[type="submit"]{
min-width: 100px;
height: 50px;
}
}
/* =-=-=-=-=-=-= BLOG =-=-=-=-=-=-= */
.blog-wrapper .posts-content article{
margin-bottom: 80px;
display: inline-block;
width: 100%;
}
.blog-wrapper .entry-title{
font-weight: 700;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 30px;
line-height: 36px;
margin-bottom: 5px;
}
article.sticky{
border: 5px solid #e8e8e8;
border-radius: 2px;
padding: 15px;
background-color: #f7f7f7;
}
.widget .entry-meta,
.blog-wrapper .entry-meta{
margin-bottom: 25px;
}
.widget .entry-meta ul,
.blog-wrapper .entry-meta ul{
margin: 0;
}
.widget .entry-meta ul li,
.blog-wrapper .entry-meta ul li{
margin-right: 20px;
padding: 0;
font-size: 12px;
color: #969696;
}
.widget .entry-meta ul li:last-child,
.blog-wrapper .entry-meta ul li:last-child{
margin-right: 0;
}
.widget .entry-meta ul li a,
.blog-wrapper .entry-meta ul li a{
color: #969696;
}
.widget .entry-meta ul li a:hover,
.blog-wrapper .entry-meta ul li a:hover{
color: #ef4836;
}
.widget .entry-meta ul li i,
.blog-wrapper .entry-meta ul li i{
color: #b2b2b2;
margin-right: 5px;
}
.blog-wrapper .entry-meta .pull-left li:last-child{
margin-right: 0;
}
.zilla-likes{
padding: 0;
margin: 0;
background: none;
position: relative;
}
.zilla-likes::before{
margin-right: 5px;
content: "\f08a";
font-family: fontawesome;
z-index: 1;
}
.zilla-likes:hover,
.zilla-likes.active{
padding: 0 !important;
margin: 0 !important;
background: none;
}
.zilla-likes:hover::before,
.zilla-likes.active::before{
content: "\f004";
font-family: fontawesome;
z-index: 2;
}
/* =-=-=-=-=-=-= POST THUMBNAIL =-=-=-=-=-=-= */
.blog-wrapper .post-thumbnail{
margin-bottom: 30px;
position: relative;
display: inline-block;
}
.blog-wrapper .post-thumbnail .thumb-overlay{
background-color: rgba(239, 72, 54, 0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.blog-wrapper .post-thumbnail:hover .thumb-overlay{
opacity: 1;
visibility: visible;
}
.blog-wrapper .thumb-overlay a{
color: #fff;
font-size: 18px;
border: 2px solid #fff;
width: 40px;
height: 40px;
line-height: 37px;
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: -20px auto 0;
border-radius: 3px;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.blog-wrapper .thumb-overlay a i{
color: #fff;
font-size: 18px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.blog-wrapper .thumb-overlay a:hover{
background-color: #2F2F2F;
border-color: #2F2F2F;
}
/* =-=-=-=-=-=-= POST CONTENT =-=-=-=-=-=-= */
.entry-content .more-link{
position: relative;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
display: block;
margin-top: 15px;
}
.entry-content .more-link::after{
content: "\f178";
font-family: fontawesome;
margin-left: 5px;
}
.entry-content ul,
.entry-content ol{
padding-left: 20px;
}
.entry-content ul ul,
.entry-content ol ol{
padding-left: 40px;
}
.entry-content img{
max-width: 100%;
height: auto;
}
/* =-=-=-=-=-=-= POST FORMATE GALLERY =-=-=-=-=-=-= */
.gallery {
margin-bottom: 1.5em;
}
.gallery-caption {
display: block;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
border: 1px solid #DDDDDD;
padding: 5px;
margin: 5px;
}
.gallery-item img {
width: 100%;
height: auto;
}
.gallery-columns-2 .gallery-item {
max-width: 47.6%;
}
.gallery-columns-3 .gallery-item {
max-width: 30.96%;
}
.gallery-columns-4 .gallery-item {
max-width: 22.6%;
}
.gallery-columns-5 .gallery-item {
max-width: 18%;
margin: 5px;
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
margin: 5px;
}
.gallery-columns-7 .gallery-item {
max-width: 12.9%;
margin: 5px;
}
.gallery-columns-8 .gallery-item {
max-width: 11.1%;
margin: 5px;
}
.gallery-columns-9 .gallery-item {
max-width: 9.7%;
margin: 5px;
}
.gallery-columns-7 figcaption {
font-size: 12px;
line-height: 20px;
}
.gallery-columns-8 figcaption {
font-size: 12px;
line-height: 20px;
}
.gallery-columns-9 figcaption {
font-size: 12px;
line-height: 20px;
}
.format-gallery .gallery {
border: 0;
}
.widget .gallery{
margin-bottom: 0;
border: 0;
margin-left: -5px;
margin-right: -5px;
}
.widget .gallery-item{
margin: 0;
width: 100%;
border: 0;
}
/* =-=-=-=-=-=-= POST FORMATE AUDIO =-=-=-=-=-=-= */
.blog-audio audio{
width: 100%;
}
/* =-=-=-=-=-=-= PASSWORD REQUIRED POST =-=-=-=-=-=-= */
.post-password-required .btn{
padding: 0 35px;
line-height: 43px;
}
/* =-=-=-=-=-=-= POST FORMAT LINK =-=-=-=-=-=-= */
.blog-link h2 a{
background: #f4f4f4;
display: block;
padding: 30px;
}
/* =-=-=-=-=-=-= POST FORMAT CHAT =-=-=-=-=-=-= */
.format-chat .entry-content p:nth-child(odd),
.format-chat .entry-content p:nth-child(even) {
padding: 10px 25px;
margin-top: 30px;
position: relative;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.format-chat .entry-content p:nth-child(odd) {
margin-right: 30px;
background: #F5F5F5;
border-radius: 15px 0 15px 15px;
}
.format-chat .entry-content p:nth-child(even) {
margin-left: 30px;
background: #D5F1F9;
border-radius: 0 15px 15px 15px;
}
.format-chat .entry-content p:nth-child(odd):before,
.format-chat .entry-content p:nth-child(even):before {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-top: 0;
border-bottom: 15px solid transparent;
}
.format-chat .entry-content p:nth-child(odd):before {
right: -15px;
border-left: 15px solid #f5f5f5;
-webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05));
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.05));
}
.format-chat .entry-content p:nth-child(even):before {
left: -15px;
border-right: 15px solid #d5f1f9;
-webkit-filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05));
filter: drop-shadow(-1px 4px 1px rgba(0, 0, 0, 0.05));
}
/* =-=-=-=-=-=-= POST CAROUSEL =-=-=-=-=-=-= */
.blog-carousel{
overflow: hidden;
}
.blog-carousel .carousel-control{
background-image: none;
text-shadow: none;
opacity: 1;
top: 50%;
bottom: inherit;
margin-top: -14px;
width: inherit;
opacity: 0.5;
-webkit-transform: translateZ(0);
}
.blog-carousel .carousel-control:hover{
opacity: 1;
}
.blog-carousel .carousel-control::before{
content: "";
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
border: 5px solid rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.blog-carousel .left.carousel-control::before{
position: absolute;
left: -25px;
top: -10px;
}
.blog-carousel .right.carousel-control::before{
position: absolute;
right: -25px;
top: -10px;
}
.blog-carousel .carousel-control i{
position: relative;
}
.blog-carousel .left.carousel-control i{
margin-left: 8px;
}
.blog-carousel .right.carousel-control i{
margin-right: 8px;
}
/* =-=-=-=-=-=-= BLOG SIDEBAR =-=-=-=-=-=-= */
.tt-sidebar-wrapper .widget{
margin-bottom: 60px;
}
.tt-sidebar-wrapper .widget:last-child{
margin-bottom: 0;
}
.widget img{
max-width: 100%;
}
.widget > ul,
.wp-block-page-list,
.wp-block-categories-list,
.wp-block-archives-list,
.widget .menu{
padding-left: 0;
margin-bottom: 0;
}
.widget ul li{
list-style: none;
}
.widget > ul ul,
.widget .menu ul{
padding-left: 20px;
}
.wp-block-archives-list,
.wp-block-categories-list,
.wp-block-page-list,
.wp-block-categories__list,
.wp-block-latest-posts__list,
.wp-block-rss{
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
.wp-block-page-list ul{
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_recent_comments ul li,
.widget_recent_entries,
#menu-issue-category ul li,
.wp-block-archives-list li,
.wp-block-categories-list li,
.wp-block-page-list li,
.wp-block-rss li{
margin-bottom: 10px;
}
.widget_rss ul li{
margin-bottom: 30px;
}
.widget ul li:last-child{
margin-bottom: 0;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_rss ul li a{
color: #2f2f2f;
}
.widget_archive ul li,
.widget_categories ul li{
color: #afafaf;
}
.widget_archive ul li a,
.widget_categories ul li a{
margin-right: 10px;
}
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.charitable-terms-widget li a,
.wp-block-archives-list li a,
.wp-block-categories-list li a,
.wp-block-page-list li a,
.wp-block-latest-posts__list li a,
.wp-block-rss li a{
font-size: 14px;
font-weight: 600;
font-size: 13px;
color: #2f2f2f;
}
.widget a:hover{
color: #ef4836;
}
.footer-sidebar .widget_meta ul li a,
.footer-sidebar .widget_recent_comments ul li a,
.footer-sidebar .widget_recent_entries ul li a{
color: #c7c7c7;
}
.footer-sidebar .widget_meta ul li a:hover,
.footer-sidebar .widget_recent_comments ul li a:hover,
.footer-sidebar .widget_recent_entries ul li a:hover{
color: #ef4836;
}
.widget_archive > ul > li::before,
.widget_categories > ul > li::before,
#menu-issue-category > li::before,
.wp-block-archives-list > li::before,
.wp-block-categories-list > li::before,
.wp-block-page-list > li::before{
content: "";
width: 8px;
height: 8px;
margin: 0 15px 0 2px;
background-color: #ef4836;
display: inline-block;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.widget_archive > ul ul li::before,
.widget_categories > ul ul li::before,
#menu-issue-category > ul li::before,
.wp-block-archives-list > li ul li::before,
.wp-block-categories-list > li ul li::before,
.wp-block-page-list > li ul li::before{
content: "";
width: 8px;
height: 8px;
border: 1px solid #ef4836;
margin: 0 15px 0 5px;
display: inline-block;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.widget select{
background: transparent;
width: 100%;
max-width: 100%;
height: 45px;
padding: 5px 10px;
}
.widget select:focus{
outline: none;
}
.widget-title{
font-size: 16px;
color: #ef4836;
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
margin-bottom: 20px;
}
.tt-sidebar-wrapper.left-sidebar{
padding-right: 20px;
}
.tt-sidebar-wrapper.right-sidebar{
padding-left: 20px;
}
@media (min-width: 768px) {
.page-template-issue-left-sidebar .tt-sidebar-wrapper.right-sidebar{
padding-right: 20px;
padding-left: 0;
}
}
/* =-=-=-=-=-=-= RECENT COMMENT WIDGET =-=-=-=-=-=-= */
.tt-recent-comments .comment-content{
padding: 0;
}
.tt-recent-comments .media{
margin: 0 0 20px;
}
.tt-recent-comments .media:last-child{
margin: 0;
}
.tt-recent-comments .comment-content ul,
ol.wp-block-latest-comments{
padding: 0;
}
.tt-recent-comments .comment-content li:last-child{
margin-right: 0;
}
.tt-recent-comments .comment-content .comment-title{
font-weight: 400;
font-size: 13px;
margin-bottom: 0;
}
.tt-recent-comments .comment-content .comment-title a,
.wp-block-latest-comments li a{
color: #2f2f2f;
}
.tt-recent-comments .comment-content .comment-title a:hover,
.wp-block-latest-comments li a:hover{
color: #ef4836;
}
.tt-recent-comments .comment-content .entry-meta{
margin-bottom: 10px;
}
.tt-recent-comments .author-avatar img{
border-radius: 50%;
max-width: inherit;
}
/* =-=-=-=-=-=-= POPULAR POST WIDGET =-=-=-=-=-=-= */
.nav-tabs{
border-color: #eeeeee;
}
.nav-tabs>li>a{
font-family: Roboto Slab, sans-serif;
background-color: #f7f7f7;
border-radius: 0;
border-color: #eeeeee;
margin: 0 -1px -1px;
padding: 10px 30px;
font-size: 16px;
color: #2f2f2f;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
background-color: #ffffff;
color: #ef4836;
border-color: #eeeeee #eeeeee transparent;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus{
border-color: #eeeeee;
color: #ef4836;
}
.tab-content{
margin-top: 20px;
}
.tt-popular-post h4{
font-weight: 400;
font-size: 13px;
margin-bottom: 0;
}
.tt-popular-post h4 span{
color: #afafaf;
font-weight: 400;
}
.tt-popular-post h4 a{
color: #2f2f2f;
}
.tt-popular-post h4 a:hover{
color: #ef4836;
}
.tt-popular-post .media{
margin: 0 0 5px;
}
.tt-popular-post .media:last-child{
margin: 0;
}
.tt-popular-post .media img{
max-width: inherit;
}
/* =-=-=-=-=-=-= AUTHOR INFO WIDGET =-=-=-=-=-=-= */
.author-info-wrapper{
background-color: #f4f4f4;
padding: 30px;
text-align: center;
}
.author-info-wrapper .author-avatar{
margin-bottom: 20px;
}
.author-info-wrapper .author-avatar img{
border-radius: 50%;
height: auto;
}
.author-info-wrapper h4{
font-size: 16px;
text-transform: uppercase;
}
.author-info-wrapper .author-social-links li a{
border-color: #e0e0e0;
color: #c7c7c7;
}
.author-social-links{
margin-top: 25px;
}
/* =-=-=-=-=-=-= NEWSLETTER WIDGET =-=-=-=-=-=-= */
.widget_mc4wp_form_widget{
padding: 30px 35px 40px;
background-color: #ef4836;
color: #ffffff;
text-align: center;
}
.widget_mc4wp_form_widget .widget-title{
color: #ffffff;
border: 0;
}
.widget_mc4wp_form_widget .mc4wp-form{
margin-bottom: 0;
}
.widget_mc4wp_form_widget .form-group{
margin-bottom: 15px;
}
.widget_mc4wp_form_widget .form-control{
height: 50px;
background: rgba(0, 0, 0, 0.20);
color: #ffffff;
border: 0;
text-align: center;
}
.widget_mc4wp_form_widget .btn{
width: 100%;
background: #fff;
line-height: 50px;
padding: 0;
border: 0;
text-transform: uppercase;
font-weight: 700;
}
.widget_mc4wp_form_widget .btn:hover,
.widget_mc4wp_form_widget .btn:focus{
/*background: rgba(0, 0, 0, 0.20);*/
background-color: #efefef;
color: #ef4836;
outline: none;
}
.widget_mc4wp_form_widget .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control:-moz-placeholder { /* Firefox 18- */
color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control::-moz-placeholder { /* Firefox 19+ */
color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.3);
}
/* =-=-=-=-=-=-= WIDGET SEARCH FORM =-=-=-=-=-=-= */
.search-form{
position: relative;
}
.search-form button{
position: absolute;
right: 8px;
top: 0;
background: transparent;
border: 0;
color: #e0e0e0;
font-size: 20px;
line-height: 42px;
}
/* =-=-=-=-=-=-= CALENDER WIDGET =-=-=-=-=-=-= */
.widget_calendar table,
.widget_calendar table>thead>tr>th{
text-align: center;
}
.widget_calendar table caption{
text-align: center;
font-weight: 600;
}
.widget_calendar table a{
font-weight: 700;
}
/* =-=-=-=-=-=-= TAG CLOUD =-=-=-=-=-=-= */
.tagcloud a,
.wp-block-tag-cloud a{
color: #2f2f2f;
border: 1px solid #eeeeee;
font-size: 14px !important;
padding: 5px 15px;
line-height: 20px;
display: inline-block;
margin: 0 2px 5px 0;
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover{
background-color: #ef4836;
color: #ffffff !important;
border-color: #ef4836;
}
/* =-=-=-=-=-=-= BLOG PAGINATION =-=-=-=-=-=-= */
.woocommerce nav.woocommerce-pagination ul{
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li{
border-right: 0;
}
.page-numbers,
.pagination{
margin-bottom: 0;
}
.wp-block-query-pagination{
margin: 20px 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination>li>a,
.pagination>li>span,
.wp-block-query-pagination-numbers > a,
.wp-block-query-pagination-numbers > span{
color: #949494;
background-color: #eeeeee;
padding: 10px 20px;
line-height: 20px;
margin: 3px;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li>span.current,
.wp-block-query-pagination-numbers > a:focus,
.wp-block-query-pagination-numbers > a:hover,
.wp-block-query-pagination-numbers > span:focus,
.wp-block-query-pagination-numbers > span:hover,
.wp-block-query-pagination-numbers > span.current {
color: #ffffff;
background-color: #ef4836;
}
.blog-navigation .previous-page i{
margin-right: 5px;
}
.blog-navigation .next-page i{
margin-left: 5px;
}
/* =-=-=-=-=-=-= BLOG SINGLE PAGE =-=-=-=-=-=-= */
.single-post .entry-content{
display: inline-block;
width: 100%;
}
.single-post .entry-footer{
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 10px 0;
margin: 40px 0;
}
/* =-=-=-=-=-=-= POST TAGS =-=-=-=-=-=-= */
.tags-links{
margin-bottom: 10px;
display: block;
}
.tags-links > i,
.post-share > i{
margin-right: 10px;
color: #696969;
}
.tags-links a{
color: #969696
}
.tags-links a:hover{
color: #ef4836;
}
/* =-=-=-=-=-=-= POST SHARE =-=-=-=-=-=-= */
.post-share ul{
display: inline-block;
margin-bottom: 0;
}
.post-share a i{
color: #b2b2b2;
background-color: transparent;
}
.post-share a.facebook:hover i{
color: #3B5998;
}
.post-share a.twitter:hover i{
color: #42C8F4;
}
.post-share a.google-plus:hover i{
color: #E74C3C;
}
.post-share a.linkedin:hover i{
color: #007AB9;
}
/* =-=-=-=-=-=-= SINGLE POST NAVIGATION =-=-=-=-=-=-= */
.single-post-navigation a{
text-transform: uppercase;
font-weight: 700;
padding: 5px 15px;
font-size: 14px;
border: 1px solid #ef4836;
}
.single-post-navigation .previous-post-link a i{
margin-right: 10px;
}
.single-post-navigation .next-post-link{
text-align: right;
}
.single-post-navigation .next-post-link a i{
margin-left: 10px;
}
.single-post-navigation a:hover{
background-color: #ef4836;
color: #ffffff;
}
/*Comment style*/
.comments-wrapper {
margin-top: 50px;
}
.comments-title {
margin-bottom: 30px;
}
.post-author .media-left{
padding-right: 20px;
}
.author-info h3,
.comments-title h3 {
margin-bottom: 5px;
}
ul.comment-list {
padding: 0;
}
ul.comment-list .alert {
margin-bottom: 0;
}
ul.comment-list > li{
list-style: none;
}
ul.comment-list > li > .comment {
border: 1px solid #f0f0f0;
margin-bottom: 30px;
padding: 20px;
}
.comments-wrapper ul.children > li{
list-style: none;
}
.comments-wrapper ul.children > li > .comment {
border: 1px solid #f0f0f0;
margin-bottom: 30px;
padding: 20px;
}
/*Author comment*/
ul.comment-list > li.bypostauthor > .comment {
border-left: 5px solid #f0f0f0;
}
.comments-wrapper ul.children > li.bypostauthor > .comment {
border-left: 5px solid #f0f0f0;
}
.comments-wrapper ul.children {
margin-left: 0;
}
.comment-author {
position: relative;
}
.comment-author img {
float: left;
margin-right: 10px;
}
.media-heading span.author-name {
display: block;
}
.media-heading h4{
margin-left: 60px;
font-size: 14px;
font-weight: 600;
}
.wp-block-comment-author-name a{
font-size: 14px;
font-weight: 600;
color: #2f2f2f;
}
.wp-block-comment-date time a,
.media-heading time {
font-size: 12px;
color: #999999;
}
.edit-link{
font-size: 12px;
}
.comment-author .comment-reply-link,
.comment-author .comment-reply-login,
.wp-block-comment-reply-link a {
font-size: 12px;
color: #b2b2b2;
padding: 0px 10px;
display: block;
position: absolute;
top: 0;
right: 0;
background: #EFEFEF;
border-radius: 2px;
}
#cancel-comment-reply-link{
margin-left: 20px;
}
.wp-block-comment-reply-link{
position: relative;
}
.comment-author .comment-reply-link:hover,
.comment-author .comment-reply-login:hover,
.wp-block-comment-reply-link a:hover {
background-color: #ef4836;
color: #ffffff;
}
.comment-content {
padding: 15px 0 0;
}
.comment-content p {
margin: 0;
}
.comment-content ul {
padding-left: 20px;
}
.comment-replay {
margin-left: 50px;
}
.form-control:focus {
outline: none;
box-shadow: none;
}
.comment-respond .comment-form {
margin-bottom: 30px;
}
.form-allowed-tags {
margin-bottom: 15px;
line-height: 20px;
}
.comments-wrapper .comment-form-comment{
margin-bottom: 10px;
}
.comments-wrapper .form-submit{
margin-top: 40px;
}
.comments-wrapper .form-submit .btn{
text-transform: uppercase;
font-weight: 700;
}
/*default comment style*/
.comments-wrapper .form-submit .btn {
text-transform: uppercase;
font-weight: 700
}
@media(min-width: 768px) {
.comments-wrapper .comment-form .comment-form-author,.comments-wrapper .comment-form .comment-form-email,.comments-wrapper .comment-form .comment-form-url {
width:-moz-calc(33.333% - 17px);
width: -webkit-calc(33.333% - 17px);
width: calc(33.333% - 17px);
display: inline-block;
margin: 10px
}
.comments-wrapper .comment-form .comment-form-author {
margin-left: 0
}
.comments-wrapper .comment-form .comment-form-url {
margin-right: 0
}
}
.comment-form-comment textarea.form-control {
height: 120px
}
.comment-respond{
margin-top: 60px;
}
.comment-respond .comment-form label {
cursor: pointer;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 16px
}
.comments-wrapper .comment-form-cookies-consent input {
margin-right: 10px
}
.comments-wrapper .form-submit input[type=submit] {
border: none;
background-color: #ef4836;
outline: none;
color: #fff;
height: 50px;
padding: 0 30px;
cursor: pointer;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
.comments-wrapper .form-submit input[type=submit]:hover {
background-color: #bd1604;
}
/* =-=-=-=-=-=-= COMMENT NAVIGATION =-=-=-=-=-=-= */
.navigation.comment-navigation {
padding: 25px 0;
}
.comment-navigation li a {
border-radius: 0;
border: 1px solid;
color: #606577;
}
.comment-navigation li a:hover {
color: #FFFFFF;
}
/* =-=-=-=-=-=-= BLOG GRID =-=-=-=-=-=-= */
.blog-grid .entry-title{
font-size: 20px;
line-height: 30px;
}
.latest-post-carousel{
position: relative;
margin-bottom: 80px;
}
.latest-post-carousel .entry-content{
position: absolute;
bottom: 30px;
left: 40px;
z-index: 11;
}
.carousel-post-thumbnail{
position: relative;
}
.carousel-post-thumbnail::before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 210px;
z-index: 10;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000',GradientType=0 );
}
@media (min-width : 1200px) {
.carousel-post-thumbnail{
min-height: 532px;
}
}
.latest-post-carousel .entry-meta{
margin: 0;
padding: 0;
}
.latest-post-carousel .entry-meta ul{
padding: 0;
margin-left: 2px;
}
.latest-post-carousel .entry-title a{
color: #fff;
}
.latest-post-carousel .entry-title a:hover{
color: #ef4836;
}
.latest-post-carousel .owl-dots .owl-dot span{
border-color: #B3B3B3;
}
.masonry-wrap .pagination{
margin-bottom: 0;
}
/*Blog post category*/
.post-category-wrapper h2{
font-size: 22px;
display: inline-block;
margin-bottom: 15px;
}
.post-category-wrapper .media{
position: relative;
top: -8px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 15px;
}
.post-category-wrapper .media-left{
padding-right: 20px;
}
.post-category-wrapper .media-left img {
min-width: 98px;
}
.post-category-wrapper .entry-meta span {
font-size: 11px;
}
.post-category-wrapper .entry-title {
font-size: 13px;
margin: 0;
font-weight: 400;
}
.post-category-wrapper .entry-title a{
color: #606060;
}
.post-category-wrapper .entry-meta ul{
margin: 0;
}
.post-category-wrapper .entry-meta ul li{
margin-right: 20px;
padding: 0;
font-size: 12px;
color: #969696;
}
.post-category-wrapper .entry-meta ul li a{
color: #969696;
}
.post-category-wrapper .entry-meta ul li a:hover{
color: #ef4836;
}
.post-category-wrapper .entry-meta ul li:last-child{
margin-right: 0;
}
.post-category-wrapper .entry-title a:hover{
color: #ef4836;
}
.all-category-links a{
color: #525252;
font-size: 13px;
}
.all-category-links a:hover{
color: #ef4836;
}
.all-category-links a i{
margin-right: 10px;
}
/* =-=-=-=-=-=-= ISSUES =-=-=-=-=-=-= */
.issue-wrapper .posts-content{
display: inline-block;
margin-bottom: 40px;
}
.issue-wrapper .posts-content .post-thumbnail img,
.single-tt-issue .issue-wrapper .posts-content img{
width: 100%;
}
.single-tt-issue .issue-wrapper .posts-content{
margin-bottom: 0;
}
.issue-wrapper .entry-content .issue-category{
margin: 20px 0 10px;
}
.archive .issue-wrapper .entry-content .issue-category{
margin: 0 0 10px;
}
.issue-wrapper .entry-content .issue-category span,
.issue-wrapper .entry-content .issue-category a{
font-size: 14px;
}
.issue-wrapper .entry-content h2{
font-size: 18px;
line-height: 30px;
}
.issue-wrapper .entry-content h2 a{
color: #2f2f2f;
}
.issue-wrapper .entry-content h2 a:hover{
color: #ef4836;
}
@media (max-width: 767px) {
.issue-wrapper .tt-sidebar-wrapper{
margin-top: 100px;
}
}
/* =-=-=-=-=-=-= ISSUE SINGLE =-=-=-=-=-=-= */
.single-tt-issue .issue-wrapper .entry-content .issue-category span,
.single-tt-issue .issue-wrapper .entry-content .issue-category a{
font-size: 15px;
font-weight: 600;
}
.single-tt-issue .issue-wrapper .entry-content h2{
font-size: 32px;
margin-bottom: 30px;
}
.single-tt-issue .issue-wrapper .entry-content .issue-category{
margin-bottom: 10px;
}
/* =-=-=-=-=-=-= ISSUES DONATION =-=-=-=-=-=-= */
.tt-issue-wrapper .issue-inner {
margin-bottom: 30px;
overflow: hidden;
position: relative;
-webkit-transition: box-shadow .3s;
-moz-transition: box-shadow .3s;
transition: box-shadow .3s;
}
.tt-issue-wrapper .issue-inner.has-box-shadow:hover {
box-shadow: 0 9.526px 21px 0px rgba(0, 0, 0, 0.29);
}
.tt-issue-wrapper .issue-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
}
.tt-issue-wrapper .issue-inner:hover .issue-overlay {
background-color: #ef4836;
opacity: .9;
}
.tt-issue-wrapper .issue-inner img {
width: 100%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}
.tt-issue-wrapper .issue-inner:hover img {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
transform: scale(1.15);
}
.tt-issue-wrapper .issue-inner .issue-content {
display: flex;
flex-direction: column;
justify-content: end;
padding: 10px 20px 20px 40px;
color: #ffffff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.tt-issue-wrapper .issue-inner .issue-content h3 {
line-height: 35px;
font-size: 25px;
color: #ffffff;
font-weight: 500;
}
.tt-issue-wrapper .issue-inner .issue-content span {
font-size: 15px;
}
.tt-issue-wrapper .issue-inner .issue-content h3 a {
color: #ffffff;
position: relative;
padding-bottom: 10px;
}
.tt-issue-wrapper .issue-inner .issue-content h3 a:hover {
text-shadow: 0 0 10px #565656;
}
.tt-issue-wrapper .issue-inner .issue-content-inner a {
color: #ffffff;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
}
.tt-issue-wrapper .issue-inner .issue-content-inner a:hover {
opacity: .75;
text-decoration: underline;
}
.tt-issue-wrapper .issue-inner .issue-content .issue-content-inner {
margin: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
max-height: 0;
opacity: 0;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.tt-issue-wrapper .issue-inner:hover .issue-content .issue-content-inner {
max-height: 300px;
opacity: 1;
}
/* issue carousel */
.tt-issue-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] {
width: 35px;
height: 35px;
line-height: 35px;
padding: 0;
margin-top: -10px;
border-radius: 50%;
background-color: #f8d6d4;
color: #ef4836;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.tt-issue-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background-color: #ef4836;
color: #ffffff;
}
.tt-issue-wrapper .owl-theme .owl-controls .owl-nav {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
.tt-issue-wrapper .owl-theme .owl-controls .owl-nav .owl-prev {
left: -60px;
position: absolute;
}
.tt-issue-wrapper .owl-theme .owl-controls .owl-nav .owl-next {
right: -60px;
position: absolute;
}
.tt-issue-wrapper .owl-dots {
text-align: center;
}
.tt-issue-wrapper .owl-nav .owl-next,
.tt-issue-wrapper .owl-nav .owl-prev {
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.tt-issue-wrapper .owl-nav .owl-next:hover,
.tt-issue-wrapper .owl-nav .owl-prev:hover {
background-color: #f20e00 !important;
color: #ffffff !important;
}
.tt-issue-wrapper .owl-nav .owl-next {
right: -70px;
}
.tt-issue-wrapper .owl-nav .owl-prev {
left: -70px;
}
/* issue taxonomy page */
.issue-taxonomy {
background: #e9edf0;
}
.issue-taxonomy #main [class*="col-"]:last-child{
margin-bottom: 0 !important;
}
.issue-taxonomy .issue-taxonomy-inner {
overflow: hidden;
padding: 15px;
background: #fff;
border-radius: 4px;
}
.issue-taxonomy .post-thumbnail {
width: 300px;
float: left;
margin-right: 30px;
overflow: hidden;
border-radius: 3px;
overflow: hidden;
}
.issue-taxonomy .entry-content h2 {
font-size: 22px;
line-height: 30px;
margin: 0;
}
.issue-taxonomy .entry-content h2 a{
color: #212121;
}
.issue-taxonomy .issue-excerpt {
margin-top: 15px;
}
.issue-taxonomy .issue-button-wrapper{
margin-bottom: 0;
}
.issue-taxonomy .issue-category a {
color: #999;
text-transform: uppercase;
font-size: 15px;
}
.issue-taxonomy .issue-category a:hover{
color: #212121;
}
@media (max-width: 767px){
.tt-issue-wrapper .owl-nav .owl-next {
right: 15px;
}
.tt-issue-wrapper .owl-nav .owl-prev {
left: 15px;
}
.tt-issue-wrapper .owl-nav .owl-next,
.tt-issue-wrapper .owl-nav .owl-prev{
opacity: .4;
}
.tt-issue-wrapper .owl-nav .owl-next:hover,
.tt-issue-wrapper .owl-nav .owl-prev:hover{
opacity: 1;
}
}
@media (min-width: 768px) and (max-width: 991px){
.tt-effect figcaption .content p,
.tt-issue-wrapper .issue-inner .issue-content .issue-content-inner{
display: none;
}
.tt-issue-wrapper .issue-inner .issue-content h3 {
font-size: 20px;
font-weight: 500;
}
.tt-issue-wrapper .issue-carousel .issue-inner .issue-content .issue-content-inner{
display: block;
}
}
/* =-=-=-=-=-=-= ABOUT ME SHORTCODE =-=-=-=-=-=-= */
.container-fullwidth .tt-about-wrapper {
padding: 115px 20% 115px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.container-fullwidth .tt-about-wrapper {
padding: 65px 15% 80px;
}
}
@media (max-width: 767px) {
.container-fullwidth .tt-about-wrapper {
padding: 50px 30px;
}
}
.tt-about-intro p {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.tt-about-intro h2 {
font-size: 45px;
margin-bottom: 22px;
}
.tt-about-details h3 {
font-size: 20px;
}
.tt-about-details ul {
padding: 0;
list-style: none;
margin: 20px 0;
overflow: hidden;
}
.tt-about-details ul li{
float: left;
width: 50%;
position: relative;
padding-left: 30px;
}
.tt-about-details ul li::before {
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left:0;
top: 0;
}
.about-sign {
margin-top: 25px;
}
/* =-=-=-=-=-=-=-=-=-=-=-= TT SPONSORS =-=-=-=-=-=-=-=-=-=-=-= */
.tt-sponsors-wrapper h3 {
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
}
.tt-sponsors-wrapper h3 i {
color: #f0022a;
margin-right: 10px;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.tt-sponsors-wrapper img,
.tt-sponsors-wrapper a {
display: inline-block;
}
.tt-sponsors-wrapper img {
margin: 10px 25px;
}
.tt-sponsors-wrapper a img {
opacity: .3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
transition: opacity .3s;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
.tt-sponsors-wrapper a:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.tt-sponsors-wrapper.opacity-10 a:hover img {
opacity: .1 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.tt-sponsors-wrapper.opacity-20 a:hover img {
opacity: .2 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.tt-sponsors-wrapper.opacity-30 a:hover img {
opacity: .3 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.tt-sponsors-wrapper.opacity-40 a:hover img {
opacity: .4 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.tt-sponsors-wrapper.opacity-50 a:hover img {
opacity: .5 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.tt-sponsors-wrapper.opacity-60 a:hover img {
opacity: .6 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.tt-sponsors-wrapper.opacity-70 a:hover img {
opacity: .7 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.tt-sponsors-wrapper.opacity-80 a:hover img {
opacity: .8 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.tt-sponsors-wrapper.opacity-90 a:hover img {
opacity: .9 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.tt-sponsors-wrapper.opacity-100 a:hover img {
opacity: 1 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media(max-width: 575px){
.tt-sponsors-wrapper{
text-align: center !important;
}
.tt-sponsors-wrapper > a > img,
.tt-sponsors-wrapper > img{
margin-bottom: 30px;
}
.tt-sponsors-wrapper > a:last-child > img,
.tt-sponsors-wrapper > img:last-child{
margin-bottom: 0;
}
}
/* =-=-=-=-=-=-= DOUBLE IMAGE SHORTCODE =-=-=-=-=-=-= */
.container-fullwidth .dubble-img-wrapper {
margin: 0 20% 0 0;
}
.dubble-img-wrapper {
position: relative;
}
.small-image {
position: absolute;
right: 0;
bottom: 50px;
}
/* =-=-=-=-=-=-= PAGE STYLE =-=-=-=-=-=-= */
.page-pagination a{
color: #949494;
background-color: #eeeeee;
padding: 2px 8px;
border-radius: 3px;
}
.page-pagination a:hover{
background-color: #ef4836;
color: #ffffff;
}
.page-pagination > span{
color: #ffffff;
background-color: #ef4836;
padding: 2px 8px;
border-radius: 3px;
}
.page-pagination .page-links-title{
padding-left: 0;
color: inherit;
background-color: transparent;
}
/* =-=-=-=-=-=-= CONTACT SECTION =-=-=-=-=-=-= */
.wpcf7{
text-align: center;
}
.widget .wpcf7{
text-align: left;
}
.widget .wpcf7 .wpcf7-list-item{
display: block;
margin: 0;
}
.wpcf7 textarea {
min-height: 215px;
padding: 10px 12px;
}
.wpcf7 .btn {
margin-top: 10px;
padding: 12px 30px;
font-weight: 600;
text-transform: uppercase;
}
.wpcf7 .btn:focus,
.wpcf7 .btn:active{
outline: none;
}
.wpcf7 span.wpcf7-not-valid-tip {
position: relative;
top: 5px;
color: #ff0000;
text-align: left;
font-size: 11px;
background-color: #ECECEC;
display: inline-block;
padding: 0 10px;
border-radius: 5px;
}
.wpcf7 span.wpcf7-not-valid-tip::before{
position: absolute;
top: -5px;
left: 0;
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ECECEC;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-response-output {
border: 0;
font-weight: 600;
color: #ef4836;
margin-top: 10px;
background: rgba(255,255,255,.8);
padding: 10px;
border-radius: 4px;
}
/* =-=-=-=-=-=-= LOCATION SECTION =-=-=-=-=-=-= */
#ttmap {
height: 550px
}
.location-info {
padding: 100px 140px !important;
height: 550px;
background-color: #f4f4f4;
}
@media (max-width : 991px) {
.location-info {
padding: 80px 40px !important;
height: inherit;
}
}
.location-info .wpb_wrapper {
margin-bottom: 0;
line-height: 28px;
color: #101010;
}
.location-info strong {
font-size: 22px;
line-height: 20px;
color: #2f2f2f;
}
.location-info a{
color: #101010;
}
.location-info a:hover{
color: #c03a2b;
}
/* =-=-=-=-=-=-= FOOTER SECION =-=-=-=-=-=-= */
.footer-onepage-wrapper{
background-color: #222222;
padding-top: 80px;
}
.footer-section{
position: relative;
z-index: 1;
}
.footer-section h3 {
font-size: 18px;
color: #fff;
text-transform: inherit;
margin-bottom: 35px;
}
.social-links .list-inline>li {
padding-right: 8px;
padding-left: 8px;
}
.social-links li a{
display: block;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 28px;
text-align: center;
border: 1px solid #f1f1f1;
color: #999999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.social-links li a i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.social-links li a:hover{
background-color: #ef4836;
color: #fff;
border: 1px solid transparent;
}
.footer-onepage-wrapper .copyright{
display: block;
padding: 10px 0;
font-size: 12px;
line-height: 28px;
color: #999999;
border-top: 1px solid #484646;
margin-top: 75px;
}
/*Multipage footer style*/
.footer-multi-wrapper{
background-color: #1f1e1e;
}
.footer-multi-wrapper .social-links-wrap ul{
margin: 0;
}
.footer-multi-wrapper .social-links .list-inline>li {
padding-right: 4px;
padding-left: 4px;
}
.footer-multi-wrapper .social-links-wrap li a{
border: 0;
color: #c7c7c7;
}
.footer-multi-wrapper .social-links-wrap li a:hover{
background-color: transparent;
border-color: transparent;
color: #ef4836;
}
.footer-sidebar {
font-size: 13px;
padding: 90px 0 22px;
color: #c7c7c7;
}
.footer-sidebar .widget{
display: inline-block;
}
.footer-sidebar,
.footer-sidebar a,
.footer-sidebar .widget_nav_menu ul li a,
.footer-sidebar .tt-latest-post .media-body h4 a{
color: #c7c7c7;
}
.footer-sidebar .widget-title{
color: #ef4836;
font-size: 18px;
font-weight: 400;
border: 0;
margin: 0 0 15px;
}
.footer-sidebar .tagcloud a{
border: 1px solid #616161;
color: #bdbdbd;
}
.footer-sidebar ul{
padding: 0;
}
.footer-sidebar ul li i{
margin-right: 15px;
color: #ef4836;
}
.footer-sidebar .dashed-border{
display: block;
margin: 20px 0;
border-bottom: 1px dashed #d7d7d7;
}
.footer-sidebar .widget_nav_menu ul li a{
text-transform: capitalize;
position: relative;
padding-left: 20px;
display: inline-block;
}
.footer-sidebar .widget_nav_menu ul#menu-quick-links li{
float: left;
width: 50%;
}
.footer-sidebar .widget_nav_menu ul li a::before{
content: "\f101";
font-family: fontawesome;
margin-right: 15px;
color: #ef4836;
position: absolute;
left: 0;
top: 0;
}
.tt-latest-post .media-left{
padding-top: 7px;
}
.tt-latest-post .media-left img{
min-width: 70px;
}
.tt-latest-post .media-body h4{
font-weight: 400;
margin: 0 0 5px;
font-size: 13px;
}
.tt-latest-post .media-body h4 a{
color: #606060;
font-size: 13px;
}
.tt-latest-post .media-body h4 a:hover{
color: #ef4836;
}
.tt-latest-post .entry-meta{
margin: -5px 0 0;
}
.footer-sidebar .tt-latest-post .entry-meta li,
.footer-sidebar .tt-latest-post .entry-meta li a{
color: #6b6b6b;
}
.tt-flickr-photo li{
display: inline-block;
margin: 0 5px 5px 0;
}
.tt-flickr-photo li a{
display: block;
position: relative;
}
.tt-flickr-photo li a::before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
z-index: 100;
}
.tt-flickr-photo li a::after{
content: "\f067";
font-family: fontawesome;
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
color: #fff;
margin-top: -13px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
z-index: 101;
}
.tt-flickr-photo li a:hover::before,
.tt-flickr-photo li a:hover::after{
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.footer-copyright{
background-color: #131313;
padding: 20px 0;
font-size: 12px;
}
.footer-multi-wrapper .copyright{
color: #717171;
}
@media(max-width: 767px){
.footer-copyright .copyright,
.social-links-wrap{
text-align: center;
}
}
.privacy-policy-link{
margin-left: 8px;
}
/* =-=-=-=-=-=-= TO TOP =-=-=-=-=-=-= */
#toTop {
position: fixed;
bottom: 30px;
right: 30px;
color: #ef4836;
cursor: pointer;
display: none;
z-index: 9999;
width: 30px;
height: 30px;
border: 1px solid #ef4836;
text-align: center;
font-size: 24px;
line-height: 26px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#toTop:hover {
color: #fff;
background-color: #ef4836;
border: 1px solid transparent;
}
/* =-=-=-=-=-=-= PRELOADER =-=-=-=-=-=-= */
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
background-color: rgba(255,255,255,.98);
}
.status-mes {
background-position: center;
background-repeat: no-repeat;
height: 200px;
left: 50%;
margin: -100px 0 0 -100px;
position: absolute;
top: 50%;
width: 200px;
}
.preloader .loading-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: block
}
.preloader .loading-icon .dot {
background-color: #23232c
}
.no-js .preloader {
display: none
}
.loading-icon {
display: inline-block;
vertical-align: middle;
text-align: center
}
.loading-icon * {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.loading-icon .bubble {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px
}
.loading-icon .bubble:nth-child(2n) .dot {
-webkit-animation-delay: -.3s;
animation-delay: -.3s
}
.loading-icon .bubble:nth-child(3n) .dot {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.loading-icon .dot {
display: block;
border-radius: 50%;
background-color: #fff;
width: 100%;
height: 100%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: bubble 1.2s -.6s infinite ease-out;
-webkit-animation: bubble 1.2s -.6s infinite ease-out
}
@keyframes bubble {
0%,100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes bubble {
0%,100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes nomineeFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes nomineeFadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.nomineeFadeInUp {
-webkit-animation-name: nomineeFadeInUp;
animation-name: nomineeFadeInUp
}
@-webkit-keyframes nomineeFadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes nomineeFadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.nomineeFadeIn {
-webkit-animation-name: nomineeFadeIn;
animation-name: nomineeFadeIn
}
.nomineeAnimation {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
/* =-=-=-=-=-=-= 404 =-=-=-=-=-=-= */
.error-page-wrapper{
padding: 120px 0;
}
.not-found-icon i{
font-size: 200px;
color: #e6e6e6;
}
.error-message h2{
font-size: 100px;
line-height: 100px;
color: #ef4836;
}
.error-message h3{
text-transform: uppercase;
margin-bottom: 3px;
}
.error-message i{
margin-right: 5px;
}
@media (max-width : 767px) {
.not-found-icon{
margin-bottom: 30px;
}
.not-found-icon i {
font-size: 150px;
}
.error-message{
text-align: center;
}
}
/* =-=-=-=-=-=-= Donate Modal style =-=-=-=-=-=-= */
.modal{
z-index: 99999;
}
.modal .modal-dialog{
height: 100%;
}
.modal-header {
padding: 13px 30px;
border-bottom: 1px solid #f7f7f7;
}
.modal-header .close {
position: absolute;
right: 10px;
top: 5px;
z-index: 999;
opacity: 1;
color: #FFFFFF;
outline: none;
}
.modal-dialog .close::after {
position: absolute;
content: "";
right: -40px;
top: -20px;
width: 100px;
height: 40px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
background-color: #ef4836;
z-index: -1;
}
.modal-header .close span{
text-shadow: none;
}
.modal-body{
padding: 40px 30px;
}
.modal-content {
border: 10px solid rgba(255, 255, 255, 0.05);
overflow: hidden;
border-radius: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.modal.fade::before {
background: rgba(0, 0, 0, 0.2);
content: "";
width: 0;
height: 0;
position: fixed;
top: 0;
right: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 600ms cubic-bezier(0,.77,.45,1);
-moz-transition: all 600ms cubic-bezier(0,.77,.45,1);
-ms-transition: all 600ms cubic-bezier(0,.77,.45,1);
-o-transition: all 600ms cubic-bezier(0,.77,.45,1);
transition: all 600ms cubic-bezier(0,.77,.45,1);
}
.modal.fade.in::before {
width: 500px;
height: 500px;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-ms-transform: scale(10);
-o-transform: scale(10);
transform: scale(10);
}
.modal.fade .modal-dialog {
width: 700px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: transform 0.1s;
-moz-transition: transform 0.1s;
-ms-transition: transform 0.1s;
-o-transition: transform 0.1s;
transition: transform 0.1s;
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.modal.fade.in .modal-dialog {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.modal-backdrop {
z-index: inherit;
}
/* =-=-=-=-=-=-= Manifesto tour tab =-=-=-=-=-=-= */
.pdf-download-btn a{
font-weight: bold;
font-size: 12px !important;
padding: 5px 12px !important;
border-width: 1px !important;
}
.manifesto-label{
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list,
.vc_tta-tabs-position-right .vc_tta-tabs-list{
width: 100%;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list li a,
.vc_tta-tabs-position-right .vc_tta-tabs-list li a{
font-size: 15px;
font-weight: 600;
padding: 7px 20px !important;
}
.vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab>a:hover,
.vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab>a:hover,
.vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab.vc_active>a,
.vc_tta-tabs-position-right .vc_tta-tabs-list .vc_tta-tab.vc_active>a{
background-color: #ef4836 !important;
color: #ffffff !important;
}
.vc_tta-tabs-position-left .vc_tta-panel-body h2,
.vc_tta-tabs-position-right .vc_tta-panel-body h2{
line-height: 48px;
}
/* =-=-=-=-=-=-= VISUAL COMPOSER STYLES =-=-=-=-=-=-= */
.vc_column_container>.vc_column-inner{
position: relative;
z-index: 1;
}
.container-fullwidth{
padding-left: 15px;
padding-right: 15px;
}
.container-fullwidth .vc_column_container>.vc_column-inner{
padding-left: 0;
padding-right: 0;
}
.vc_btn3-container.vc_btn3-inline{
margin-right: 10px;
}
.vc_btn3.vc_btn3-size-md{
font-weight: 600;
padding: 12px 30px !important;
border: 0;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-style-custom{
padding: 13px 30px !important;
}
.vc_btn3.vc_btn3-size-md:hover{
border: 0;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
padding-left: 48px !important;
}
/*Accordion style*/
.vc_tta-accordion .vc_tta-panel-title{
font-weight: 400;
font-size: 15px;
position: relative;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a{
padding: 18px 20px;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title> a{
color: #ef4836 !important;
}
.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title> a i.vc_tta-controls-icon-chevron::before{
border-color: #ef4836 !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title::after{
content: "";
height: 2px;
width: 20px;
background-color: #ffffff;
display: inline-block;
position: absolute;
bottom: -8px;
left: 20px;
z-index: 100;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
background-color: #ef4836;
color: #ffffff !important;
border-color: #ef4836;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
padding-top: 25px;
padding-bottom: 30px;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
border-width: 0 !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-panel-body{
border-width: 1px !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before{
border-color: #ffffff !important;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
border-color: #eaeaea;
}
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-body,
.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
border-color: #ef4836;
}
.vc_tta .vc_tta-controls-icon{
height: 10px !important;
width: 10px !important;
}
.vc_general.vc_cta3.vc_cta3-actions-bottom .vc_cta3-content{
margin-bottom: 40px !important;
}
.vc_tta.vc_tta-shape-round .vc_tta-tabs-list{
border-bottom: 0 !important;
}
.shape-rounded {
border-radius: 2px;
}
.shape-square {
border-radius: 0;
}
.shape-round {
border-radius: 2em;
}
/*Toggle style*/
.vc_toggle{
border: 1px solid #f0f0f0;
margin: 0 0 -1px !important;
}
.vc_toggle_title{
padding: 10px 10px 10px 50px !important;
}
.vc_toggle_title>h4{
font-weight: 400;
}
.vc_toggle .vc_toggle_icon {
margin-left: 15px !important;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a{
border-color: #eaeaea !important;
}
/* =-=-=-=-=-=-= GALLERY =-=-=-=-=-=-= */
.gallery-wrapper{
position: relative;
}
.tt-gallery-nav .gallery-control{
position: absolute;
top: 50%;
margin-top: -15px;
}
.tt-gallery-nav .gallery-control i{
opacity: 0;
visibility: hidden;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #ffffff;
border-radius: 50%;
color: #606060;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.gallery-wrapper:hover .tt-gallery-nav .gallery-control i{
opacity: 1;
visibility: visible;
}
.tt-gallery-nav .gallery-control.prev{
left: 10px;
}
.tt-gallery-nav .gallery-control.next{
right: 10px;
}
.tt-gallery iframe{
min-height: 320px;
}
.tt-gallery-thumb{
margin: 0;
padding: 0;
border: 0;
}
.tt-gallery-thumb ul li{
margin: 5px 5px 0 0;
position: relative;
}
.tt-gallery-thumb a:before{
font-size: 15px;
}
.tt-gallery-thumb a.flex-prev:before{
content: "\f104";
font-family: fontawesome;
}
.tt-gallery-thumb a.flex-next:before{
content: "\f105";
font-family: fontawesome;
}
.tt-gallery-thumb .flex-direction-nav{
position: absolute;
top: 50%;
height: 0;
width: 100%;
}
.tt-gallery-thumb .flex-direction-nav .flex-prev{
left: 40px;
}
.tt-gallery-thumb .flex-direction-nav .flex-next{
right: 40px;
}
.tt-gallery-thumb .flex-direction-nav a{
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
text-align: center;
line-height: 20px;
margin: -12px 0 0;
}
.tt-gallery-thumb i{
position: absolute;
top: 50%;
color: #fff;
left: 50%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.25);
line-height: 30px;
text-align: center;
margin-left: -15px;
margin-top: -15px;
padding-left: 3px;
cursor: pointer;
}
/*
*****************************************************************
* WOOCOMMERCE *
*****************************************************************
*/
body.woocommerce{
background-color: #fff;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
font-family: Josefin Slab, sans-serif;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 40px;
}
/*shop home*/
.shop-category-wrapper ul{
list-style: none;
padding: 0;
}
.shop-category-wrapper,
.shop-category-wrapper .child-category{
background-color: #fff;
padding: 20px 0px 20px 25px;
box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08);
}
.shop-category-wrapper h2{
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 15px -25px;
padding: 0 0 15px 25px;
}
.shop-category-wrapper h2 i{
margin-right: 10px;
color: #ef4836;
}
.shop-category-wrapper ul li a{
display: block;
padding: 5px 20px 5px 0;
font-size: 16px;
color: #333333;
}
.shop-category-wrapper ul li a:hover{
color: #ef4836;
}
.shop-category-wrapper > ul > li.has-child-category{
position: relative;
}
.shop-category-wrapper > ul > li.has-child-category > a::after{
content: "\f105";
font-family: fontawesome;
position: absolute;
top: 5px;
right: 15px;
}
.shop-category-wrapper > ul > li.has-child-category .child-category{
position: absolute;
left: 100%;
width: 100%;
top: -20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
z-index: 1;
}
.shop-category-wrapper > ul > li.has-child-category .child-category.dropdown-inverse{
left: auto;
right: 25px;
z-index: 100;
width: 240px;
}
.shop-category-wrapper > ul > li.has-child-category:hover .child-category{
opacity: 1;
visibility: visible;
}
/*Shop banner*/
.shop-banner-wrapper{
background-repeat: no-repeat;
background-position: bottom right;
min-height: 250px;
box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08);
margin-bottom: 30px;
}
.banner-content .intro-title{
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
margin-top: 10px;
display: block;
}
.banner-content{
padding: 40px;
position: relative;
}
.banner-content h2{
color: #ffffff;
font-size: 35px;
font-weight: 700;
margin-bottom: 35px;
}
.banner-content .btn{
color: #666666;
padding: 7px 20px;
height: inherit;
font-weight: 700;
font-size: 14px;
}
.banner-content .offer{
position: absolute;
bottom: 20px;
left: 55%;
width: 70px;
height: 70px;
background-color: #fff;
display: inline-block;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-size: 25px;
font-weight: 700;
color: #f53600;
box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.3);
}
@media(max-width: 767px){
.banner-content .offer{
left: auto;
right: 15px;
}
}
.page-template-template-shop{
background-color: #f4f4f4;
}
.woocommerce h2{
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
line-height: 36px;
}
.woocommerce .page-title h2{
text-transform: initial;
font-size: 30px;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
overflow: hidden;
padding: 0 15px;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 30px;
color: #333333;
transition: all .3s;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title:hover{
color: #ef4836;
}
.woocommerce-Price-amount.amount {
color: #444;
font-size: 14px;
}
.woocommerce-checkout .woocommerce,
.nominee-shop.nominee-cart{
padding: 0;
}
/*.product column*/
.nominee-shop ul.products li.column-two.product{
width: 48%;
}
.nominee-shop ul.products li.column-three.product{
width: 30.7%;
}
.single-product .nominee-shop ul.products li.column-three.product{
width: 22.05%;
}
.woocommerce table.shop_table td {
padding: 12px 12px;
}
.woocommerce table.shop_table {
margin: 0 -1px 50px 0;
}
@media(max-width : 768px){
.nominee-shop ul.products li.column-three.product{
width: 48%;
}
}
@media(max-width: 500px){
.nominee-shop ul.products li.product{
width: 100% !important;
}
}
.widget .star-rating{
font-size: 13px;
}
.widget span.reviewer{
font-size: 14px;
}
/*product style*/
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin: 0 0 40px;
}
.woocommerce .woocommerce-ordering select {
padding: 0 10px;
outline: 0;
}
.product-content-wrapper{
position: relative;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
text-align: center;
overflow: inherit;
margin-bottom: 35px;
}
.woocommerce ul.products li.product .product-content-wrapper .product-thumbnail > a{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.woocommerce ul.products li.product .star-rating{
margin: 0 auto;
}
.woocommerce .star-rating span{
color: #ef4836;
}
.woocommerce .woocommerce-review-link{
color: #2f2f2f;
font-style: italic;
}
.woocommerce .woocommerce-review-link:hover{
color: #ef4836;
}
.woocommerce ul.products li.product h3{
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #2f2f2f;
padding: 0 15px 5px;
}
.woocommerce ul.products li.product .price{
color: #999999;
font-size: 16px;
}
.woocommerce ul li.product a.added_to_cart,
.woocommerce ul li.product a.button{
position: relative;
top: -20px;
background-color: transparent;
color: #333333;
font-weight: 700;
}
.woocommerce ul li.product a.button.added,
.woocommerce ul li.product a.added_to_cart{
display: inline-block;
}
.woocommerce ul li.product a.button:hover,
.woocommerce ul li.product a.added_to_cart:hover{
color: #ef4836;
}
.woocommerce ul li.product:hover a.button{
visibility: visible;
opacity: 1;
}
.woocommerce a.button:focus,
.woocommerce a.button:active{
color: #ffffff;
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after{
top: 0;
}
.woocommerce ul li.product .product-info{
position: absolute;
background-color: #fff;
box-shadow: 0 3px 5px 1px rgba(25,25,25,.1);
padding: 20px 0 35px;
left: 15px;
right: 15px;
bottom: 15px;
}
/*floating button*/
.wishlist-btn{
position: absolute;
top: 10px;
right: 10px;
}
.woocommerce ul li.product a.compare{
position: absolute;
top: 2px;
right: 40px;
padding: 10px;
z-index: 2;
font-size: 0;
}
.woocommerce ul li.product a.compare:hover{
color: #bd1604;
}
.yith-wcwl-add-to-wishlist{
margin-top: 0;
}
.yith-wcwl-add-to-wishlist .ajax-loading{
position: absolute;
top: 5px;
left: 5px;
margin-left: 0;
z-index: 2;
}
.wishlist-btn .add_to_wishlist{
position: relative;
z-index: 1;
}
.yith-wcwl-add-to-wishlist a{
color: #ffffff;
position: relative;
z-index: 1;
}
.woocommerce ul li.product .yith-wcwl-add-to-wishlist a{
font-size: 0;
}
.yith-wcwl-add-to-wishlist i{
color: #ff4a4a;
font-size: 24px;
}
.yith-wcwl-add-to-wishlist span.feedback{
display: none;
}
.yith-wcwl-add-to-wishlist .add_to_wishlist::before{
color: #ffffff;
content:"\f08a";
font-family: fontawesome;
font-size: 24px;
}
.entry-summary .yith-wcwl-add-to-wishlist i,
.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before{
font-size: 20px;
position: relative;
top: 3px;
margin-right: 8px;
}
a.compare::before{
color: #ffffff;
content: "\f24d";
font-family: fontawesome;
font-size: 18px;
}
.yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before{
color: #ff4a4a;
}
.product-content-wrapper .product-thumbnail{
position: relative;
}
.product-content-wrapper .product-thumbnail img{
width: 100%;
}
.woocommerce .blockUI.blockOverlay{
background-color: rgba(0, 0, 0, 0.21) !important;
}
.entry-summary .cart a.button{
padding: 10px 20px;
}
/*woocomerce shop select style*/
form.woocommerce-ordering {
position: relative;
float: left;
min-width: 200px;
margin: 50px 33%;
}
form.woocommerce-ordering:after {
content: "\f107";
font: normal normal normal 17px/1 FontAwesome;
color: #aaa;
right: 11px;
top: 6px;
height: 48px;
padding: 15px 0px 0px 8px;
border-left: 1px solid #aaa;
position: absolute;
pointer-events: none;
background-color: #fff;
display: block;
}
form.woocommerce-ordering option {
padding: 5px;
}
/* IE11 hide native button*/
form.woocommerce-ordering select::-ms-expand {
display: none;
}
form.woocommerce-ordering select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
display: block;
width: 100%;
max-width: 320px;
height: 50px;
float: right;
margin: 5px 0px;
padding: 0px 24px;
font-size: 16px;
line-height: 1.75;
color: #333;
background-color: #ffffff;
background-image: none;
border: 1px solid #aaa;
-ms-word-break: normal;
word-break: normal;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a{
color: #212121;
}
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover{
color: #ef4836;
}
/* =-=-=-=-=-=-=-=-=-= PRODUCT SINGLE PAGE =-=-=-=-=-=-=-=-=-=*/
.nominee-shop{
padding-top: 100px;
padding-bottom: 100px;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
border: 0;
padding: 8px 15px 8px 50px !important;
line-height: 38px;
background-color: #f3f3f3;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before{
top: 9px;
color: inherit;
}
.woocommerce div.product div.images img{
display: inline-block;
width: inherit;
margin: 0 auto;
}
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2){
margin: 10px 10px 0 0;
}
.woocommerce div.product div.images
.woocommerce-product-gallery__image:last-child{
margin-right: 0 !important;
}
@media (max-width: 564px){
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 22.5%;
}
.woocommerce div.product div.images img {
width: 100%;
height: auto;
}
}
@media (min-width: 565px){
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 23.5%;
}
.woocommerce div.product div.images img {
width: 100%;
height: auto;
}
}
@media (min-width: 768px){
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 22.8%;
}
}
@media (min-width: 992px){
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 23.34%;
}
}
@media (min-width: 1200px){
.woocommerce div.product div.images
.woocommerce-product-gallery__image:nth-child(n+2) {
width: 23.54%;
}
}
/*yith magnifier*/
.woocommerce div.product div.images div.thumbnails{
padding-top: 0;
}
.thumbnails.slider{
height: inherit;
}
.yith_magnifier_gallery li{
padding: 0 1px !important;
}
.single-product.woocommerce .nominee-shop .thumbnails #slider-prev,
.single-product.woocommerce .nominee-shop .thumbnails #slider-next{
margin-top: -15px;
}
div.pp_woocommerce .pp_close {
font-size: 0 !important;
}
div.pp_woocommerce .pp_close:before {
font-size: 25px;
right: -15px;
}
/*shop item sale icon*/
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
display: block;
font-size: 14px;
line-height: 24px;
color: #333333;
background-color: #ffffff;
position: absolute;
left: 10px;
right: auto;
margin: 0;
padding: 0;
min-height: inherit;
top: 10px;
font-weight: 400;
border-radius: 2px;
}
.woocommerce div.product form.cart .variations label {
color: #999999;
font-size: 14px;
}
.woocommerce-product-details__short-description{
margin-bottom: 40px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color: #999999;
font-weight: 700;
font-size: 20px;
}
.woocommerce ul.products li.product .price del{
display: inline-block;
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart{
margin: 0;
}
.woocommerce .product .entry-summary a.single_add_to_cart_button{
display: inline-block;
padding: 0 25px;
}
.woocommerce .product .entry-summary .yith-wcwl-add-to-wishlist,
.woocommerce .product .entry-summary .product_meta{
padding: 20px 0 5px;
border-top: 1px solid #e7e7e7;
margin-top: 30px;
}
.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before,
.entry-summary .yith-wcwl-add-to-wishlist a,
.woocommerce .entry-summary a.compare,
.woocommerce .entry-summary a.compare:before{
color: #545454;
padding: 0;
background-color: transparent;
font-weight: 400;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:hover::before,
.entry-summary .yith-wcwl-add-to-wishlist a:hover,
.woocommerce .entry-summary a.compare:hover,
.woocommerce .entry-summary a.compare:hover:before{
color: #ef4836;
background-color: transparent;
}
.woocommerce .entry-summary a.compare:before{
margin-right: 10px;
}
.woocommerce .product .entry-summary .product_meta{
}
.product_meta > span{
display: block;
font-weight: 600;
}
.product_meta span a{
color: #999999;
font-weight: 400;
}
.product_meta span a:hover{
color: #ef4836;
}
.woocommerce div.product form.cart div.quantity,
.woocommerce .quantity {
margin-right: 20px;
position: relative;
display: inline-block;
}
.woocommerce .quantity .btn-quantity{
position: absolute;
right: 10px;
top: 0;
}
.woocommerce .quantity .btn-quantity.minus{
top: 16px;
}
.woocommerce .quantity .btn-quantity:hover{
color: #ef4836;
cursor: pointer;
}
.woocommerce .quantity input.qty{
border-radius: 0;
width: 60px;
padding: 0;
padding-right: 0;
padding-left: 15px;
}
.woocommerce .quantity input:focus{
outline: 0;
}
.woocommerce .product .entry-summary a.single_add_to_cart_button,
.woocommerce div.product form.cart .button {
padding: 14px 20px;
}
.woocommerce div.product form.cart .variations select{
height: 42px;
}
.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations td.value{
vertical-align: baseline;
padding-top: 0;
}
/*Group product*/
.woocommerce div.product form.cart .group_table{
border: 0;
}
.woocommerce div.product form.cart .group_table td:first-child{
text-align: left;
}
.woocommerce div.product form.cart .group_table tr td{
vertical-align: middle;
display: inline;
}
.woocommerce div.product form.cart .group_table tr td.label{
font-size: 100%;
text-align: left;
}
.woocommerce div.product form.cart .group_table tr{
margin-bottom: 10px;
display: block;
}
.woocommerce div.product form.cart .group_table a{
color: #696969;
font-weight: 700;
}
/*Tabs*/
.woocommerce div.product .woocommerce-tabs{
margin-bottom: 80px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0;
margin: 0;
height: 44px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
border-bottom: 1px solid #f3f3f3;
bottom: 1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
border-radius: 0;
padding: 0;
border: 0;
margin: 0;
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li > a{
padding: 8px 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active > a{
background-color: #ef4836;
color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel{
padding: 45px 0 25px;
}
.woocommerce div.product div.images{
margin-bottom: 80px;
}
.woocommerce table.shop_attributes{
border-top: 0;
}
.woocommerce table.shop_attributes td{
padding: 0 10px;
border: 0;
}
.woocommerce table.shop_attributes th{
border: 0;
width: 1%;
}
/*Review*/
.woocommerce #reviews #comments h2{
margin: 0;
}
.woocommerce #reviews #comments ol.commentlist{
padding: 0;
margin-top: 30px;
}
.woocommerce #review_form_wrapper{
padding: 70px;
background-color: #fff;
box-shadow: 0 3px 5px 1px rgba(25,25,25,.1);
margin: 100px 0 0;
}
@media(max-width: 767px){
.woocommerce #review_form_wrapper{
padding: 20px;
}
}
.woocommerce .comment-form{
margin-top: 20px;
}
.woocommerce #review_form #respond textarea,
.woocommerce #reviews input,
.woocommerce #reviews textarea{
padding: 8px 15px;
border: 1px solid;
width: 100%;
}
.woocommerce #review_form #respond .form-submit input{
width: inherit;
}
.woocommerce #review_form #respond textarea:focus{
outline: none;
}
.woocommerce #review_form #respond textarea:hover,
.woocommerce #reviews input:hover,
.woocommerce #reviews textarea:hover,
.woocommerce #review_form #respond textarea:focus,
.woocommerce #reviews input:focus,
.woocommerce #reviews textarea:focus{
border-color: #ef4836;
}
.woocommerce #review_form #respond .form-submit{
margin-top: 50px;
}
.woocommerce #review_form #respond .form-submit input{
padding: 15px 40px;
color: #fff;
}
.woocommerce p.stars a{
color: #ef4836;
}
.up-sells.products > h2,
.related.products > h2{
margin-bottom: 30px;
}
.woocommerce-Tabs-panel{
border: none;
border-radius: 0;
box-shadow: none;
}
/* =-=-=-=-=-=-=-=-=-= CART PAGE =-=-=-=-=-=-=-=-=-=*/
.woocommerce .cart .button,
.woocommerce .cart input.button {
padding: 15px 20px;
color: #fff;
}
.woocommerce .coupon .input-text{
width: 110px !important;
height: 45px;
margin-right: 10px !important;
}
.woocommerce table.shop_table>tbody>tr>td.actions:first-child{
border-right: 1px solid #ddd!important;
}
.woocommerce a.remove{
text-align: center;
margin: 0 auto;
color: #b1b1b1 !important;
}
.woocommerce a.remove:hover{
background-color: transparent;
color: red !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
padding: 20px;
background-color: #fff;
}
.woocommerce .nominee-cart .cart-collaterals .cart_totals tr td{
text-align: right;
}
.woocommerce .nominee-cart .cart-collaterals .cart_totals tr th,
.woocommerce .nominee-cart .cart-collaterals .cart_totals tr td{
border-top: 0;
border-right: 0;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout{
padding-bottom: 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
margin-bottom: 0;
background-color: #ef4836;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
margin-bottom: 0;
background-color: #ef4836;
}
/* =-=-=-=-=-=-=-=-=-= CHECKOUT PAGE =-=-=-=-=-=-=-=-=-=*/
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
padding: 13px 20px;
color: #fff;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #fff;
}
.woocommerce .woocommerce-message a.button{
padding: 10px 20px;
color: #fff;
}
.woocommerce .select2-choice,
.woocommerce .input-text{
height: 42px;
padding: 0 20px;
font-size: 14px;
line-height: 40px;
font-weight: 400;
color: #2f2f2f;
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
.woocommerce form .form-row textarea{
padding: 10px 20px;
}
.woocommerce input[type=text]:focus,
.woocommerce input[type=password]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=url]:focus,
.woocommerce input[type=date]:focus,
.woocommerce input[type=tel]:focus,
.woocommerce input[type=number]:focus,
.woocommerce textarea:focus.nominee-textarea,
.woocommerce input[type=text]:focus:not([readonly]),
.woocommerce input[type=password]:focus:not([readonly]),
.woocommerce input[type=email]:focus:not([readonly]),
.woocommerce input[type=url]:focus:not([readonly]),
.woocommerce input[type=time]:focus:not([readonly]),
.woocommerce input[type=date]:focus:not([readonly]),
.woocommerce input[type=datetime-local]:focus:not([readonly]),
.woocommerce input[type=tel]:focus:not([readonly]),
.woocommerce input[type=number]:focus:not([readonly]),
.woocommerce textarea:focus,
.woocommerce textarea.nominee-textarea:focus:not([readonly]){
box-shadow: none;
}
.select2-drop-active{
border-color: #e5e5e5;
}
.woocommerce .select2-choice:focus,
.woocommerce .input-text:focus {
border-color: #ef4836;
}
.dropdown-content{
padding: 0;
}
.dropdown-content li{
list-style: none;
}
.dropdown-content li > a,
.dropdown-content li > span {
display: block;
padding: 12px 15px;
color: #999999;
font-size: 13px;
}
.select-wrapper span.select-dropdown{
color: #999999;
font-size: 13px;
height: 40px;
line-height: 40px;
padding: 0 20px;
border: 1px solid #e5e5e5;
}
.select-wrapper span.select-dropdown:after{
content:"\f0d7";
font-family: fontawesome;
font-size: 14px;
right: 10px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #efefef none repeat scroll 0 0;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #e5e5e5;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-color: transparent transparent #e5e5e5;
}
.woocommerce table.shop_table{
border: 0;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
border-top: 0;
}
.woocommerce table.shop_table thead>tr>th,
.woocommerce table.shop_table tbody>tr>td,
.woocommerce table.shop_table tfoot>tr>th{
border-right: 0;
}
.woocommerce table.shop_table thead>tr>th:last-child,
.woocommerce table.shop_table tbody>tr>td:last-child{
border-right: 1px solid #ddd;
}
.woocommerce table.shop_table>tbody>tr:first-child>th,
.woocommerce table.shop_table>tbody>tr:first-child>td{
border-top: 1px solid #ddd !important;
}
.woocommerce .nominee-cart table.shop_table>tbody>tr:first-child>th,
.woocommerce .nominee-cart table.shop_table>tbody>tr:first-child>td{
border-top: 0 !important;
}
.woocommerce table.shop_table.order_details>tbody>tr:first-child>th,
.woocommerce table.shop_table.order_details>tbody>tr:first-child>td{
border-top: 0 !important;
}
.woocommerce table.shop_table>tbody>tr>th:first-child,
.woocommerce table.shop_table>tbody>tr>td:first-child{
border-right: 0 !important;
}
.woocommerce .order_details{
padding-left: 0;
}
#order_review_heading{
margin-top: 80px;
}
.woocommerce form .form-row .input-checkbox{
position: static;
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal{
margin-left: 10px;
}
/*Order page*/
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
padding: 12px 20px;
}
/* =-=-=-=-=-=-=-=-=-= WOOCOMMERCE SIDEBAR =-=-=-=-=-=-=-=-=-=*/
.woocommerce .widget_price_filter .ui-slider-horizontal{
height: 3px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: #cacaca;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
top: -5px;
background-color: #ef4836;
width: 12px;
height: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background-color: #26547c;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img{
width: 60px;
margin-right: 10px;
float: left;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li{
padding-bottom: 15px;
}
.woocommerce ul.cart_list li:last-child,
.woocommerce ul.product_list_widget li:last-child{
padding-bottom: 0;
}
.woocommerce ul.product_list_widget li.mini_cart_item{
padding-bottom: 15px;
}
/* My account */
.woocommerce .woocommerce-MyAccount-navigation{
background-color: #f5f5f5;
padding: 30px;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
margin: 0;
padding: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
list-style: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
color: #999999;
text-transform: uppercase;
display: block;
line-height: 36px;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{
color: #ef4836;
}
.woocommerce .woocommerce-MyAccount-content{
padding: 30px;
background-color: #fff;
min-height: 276px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address{
background-color: #fbfbfb;
padding: 10px;
}
.woocommerce-address-fields__field-wrapper{
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
.edit-account fieldset{
margin: 30px 0;
}
.edit-account fieldset legend{
padding-bottom: 10px;
}
.woocommerce .select2-container .select2-selection--single{
height: 42px;
border-color: #e5e5e5;
border-radius: 0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 40px;
}
/* Overlay background
--------------------------------------------*/
.violet-overlay{
background-color: rgba(174, 0, 255, .7);
}
.default-overlay{
background: rgba(255,102,0,1);
background: -moz-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,102,0,1)), color-stop(100%, rgba(255,0,0,1)));
background: -webkit-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,102,0,1) 0%, rgba(255,0,0,1) 100%);
background: linear-gradient(to right, rgba(255,102,0,1) 0%, rgba(255,0,0,1) 100%);
opacity: .85;
}
.blue-overlay{
background: rgb(156,0,255);
background: -moz-linear-gradient(left, rgba(156,0,255,1) 0%, rgba(3,255,205,1) 100%);
background: -webkit-linear-gradient(left, rgba(156,0,255,1) 0%,rgba(3,255,205,1) 100%);
background: -ms-linear-gradient(left, rgba(156,0,255,1) 0%,rgba(3,255,205,1) 100%);
background: linear-gradient(to right, rgba(156,0,255,1) 0%,rgba(3,255,205,1) 100%);
opacity: .7;
}
.blue-overlay-two{
background: rgba(1,10,42,1);
background: -moz-linear-gradient(top, rgba(1,10,42,1) 0%, rgba(2,27,103,0.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,10,42,1)), color-stop(100%, rgba(2,27,103,0.8)));
background: -webkit-linear-gradient(top, rgba(1,10,42,1) 0%, rgba(2,27,103,0.8) 100%);
background: -o-linear-gradient(top, rgba(1,10,42,1) 0%, rgba(2,27,103,0.8) 100%);
background: -ms-linear-gradient(top, rgba(1,10,42,1) 0%, rgba(2,27,103,0.8) 100%);
background: linear-gradient(to bottom, rgba(1,10,42,1) 0%, rgba(2,27,103,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010a2a', endColorstr='#021b67', GradientType=0 );
}
.pink-overlay{
background: rgb(243,10,103);
background: -moz-linear-gradient(-45deg, rgba(243,10,103,1) 1%, rgba(225,48,48,1) 99%);
background: -webkit-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: -ms-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: linear-gradient(135deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
opacity: .7;
}
.header-overlay-color{
background: rgba(253,161,133,1);
background: -moz-linear-gradient(left, rgba(253,161,133,1) 0%, rgba(238,69,137,0.6) 100%);
background: -webkit-linear-gradient(left, rgba(253,161,133,1) 0%, rgba(238,69,137,0.6) 100%);
background: -ms-linear-gradient(left, rgba(253,161,133,1) 0%, rgba(238,69,137,0.6) 100%);
background: linear-gradient(to right, rgba(253,161,133,1) 0%, rgba(238,69,137,0.6) 100%);
}
.orange-overlay{
position: absolute;
background: rgb(255,167,14);
background: -moz-linear-gradient(-45deg, rgba(255,167,14,1) 0%, rgba(239,11,0,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
background: linear-gradient(135deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
opacity: .95;
}
.purple-overlay{
background: rgb(239,71,111);
background: -moz-linear-gradient(45deg, rgba(239,71,111,1) 0%, rgba(205,71,239,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
background: -ms-linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
background: linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
opacity: .7;
}
.red-overlay{
background: rgb(243,10,103);
background: -moz-linear-gradient(-45deg, rgba(243,10,103,1) 1%, rgba(225,48,48,1) 99%);
background: -webkit-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: -ms-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: linear-gradient(135deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
opacity: .7;
}
/*gradient bg
--------------------------*/
.blue-gradient-bg{
background: rgba(98,0,255,1);
background: -moz-linear-gradient(-45deg, rgba(98,0,255,1) 0%, rgba(255,0,170,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(98,0,255,1) 0%, rgba(255,0,170,1) 100%);
background: -o-linear-gradient(-45deg, rgba(98,0,255,1) 0%, rgba(255,0,170,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(98,0,255,1) 0%, rgba(255,0,170,1) 100%);
background: linear-gradient(135deg, rgba(98,0,255,1) 0%, rgba(255,0,170,1) 100%);
}
.pink-gradient-bg{
background: rgb(238,69,137);
background: -moz-linear-gradient(-45deg, rgba(238,69,137,1) 0%, rgba(225,48,48,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(238,69,137,1) 0%,rgba(225,48,48,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(238,69,137,1) 0%,rgba(225,48,48,1) 100%);
background: linear-gradient(135deg, rgba(238,69,137,1) 0%,rgba(225,48,48,1) 100%);
}
.orange-gradient-bg{
background: rgb(255,167,14);
background: -moz-linear-gradient(-45deg, rgba(255,167,14,1) 0%, rgba(239,11,0,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
background: linear-gradient(135deg, rgba(255,167,14,1) 0%,rgba(239,11,0,1) 100%);
}
.purple-gradient-bg{
background: rgb(239,71,111);
background: -moz-linear-gradient(45deg, rgba(239,71,111,1) 0%, rgba(205,71,239,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
background: -ms-linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
background: linear-gradient(45deg, rgba(239,71,111,1) 0%,rgba(205,71,239,1) 100%);
}
.red-gradient-bg{
background: rgb(243,10,103);
background: -moz-linear-gradient(-45deg, rgba(243,10,103,1) 1%, rgba(225,48,48,1) 99%);
background: -webkit-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: -ms-linear-gradient(-45deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
background: linear-gradient(135deg, rgba(243,10,103,1) 1%,rgba(225,48,48,1) 99%);
}
/* -----------------------------------------------------------------
Login Form
--------------------------------------------------------------------*/
.login-wrapper {
position: relative;
max-width: 460px;
width: 100%;
margin: 100px auto 130px;
}
.login-wrapper.active .card-wrapper:first-child {
background: #f2f2f2;
margin: 0 15px;
}
.login-wrapper.active .card-wrapper:nth-child(2) {
background: #fbfbfb;
margin: 0 10px;
}
.login-wrapper.active .card-wrapper.alt {
top: 20px;
right: 0;
width: 100%;
min-width: 100%;
height: auto;
border-radius: 5px;
padding: 60px 0 40px;
overflow: hidden;
}
.login-wrapper.active .card-wrapper.alt .toggle {
position: absolute;
top: 40px;
right: 0;
box-shadow: none;
-webkit-transform: scale(12);
transform: scale(12);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
cursor: default;
}
.login-wrapper.active .card-wrapper.alt .toggle:before {
content: '';
}
.login-wrapper.active .card-wrapper.alt .title,
.login-wrapper.active .card-wrapper.alt .input-container,
.login-wrapper.active .card-wrapper.alt .button-container {
left: 0;
opacity: 1;
visibility: visible;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.login-wrapper.active .card-wrapper.alt .title {
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.login-wrapper.active .card-wrapper.alt .input-container {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.login-wrapper.active .card-wrapper.alt .input-container:nth-child(2) {
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.login-wrapper.active .card-wrapper.alt .input-container:nth-child(3) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.login-wrapper.active .card-wrapper.alt .button-container {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
/* card-wrapper */
.card-wrapper {
position: relative;
background: #fff;
border-radius: 5px;
padding: 60px 0 40px 0;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: .3s ease;
transition: .3s ease;
}
.card-wrapper:first-child {
background: #fcfcfc;
height: 10px;
border-radius: 5px 5px 0 0;
margin: 0 10px;
padding: 0;
}
.card-wrapper .title {
position: relative;
z-index: 1;
border-left: 5px solid #ef4836;
margin: 0 0 35px;
padding: 10px 0 10px 50px;
color: #ef4836;
font-size: 32px;
font-weight: 500;
text-transform: uppercase;
}
.card-wrapper.alt .title{
margin-bottom: 15px;
}
.card-wrapper .input-container {
position: relative;
margin: 0 60px 50px;
}
.card-wrapper.alt .input-container{
margin: 0 60px 30px;
}
.card-wrapper .input-container input {
outline: none;
z-index: 1;
position: relative;
background: none;
width: 100%;
height: 60px;
border: 0;
color: #212121;
font-size: 20px;
font-weight: 400;
}
.card-wrapper .input-container input:focus ~ label {
color: #9d9d9d;
-webkit-transform: translate(-12%, -50%) scale(0.75);
transform: translate(-12%, -50%) scale(0.75);
}
.card-wrapper .input-container input:focus ~ .bar:before,
.card-wrapper .input-container input:focus ~ .bar:after {
width: 50%;
}
.card-wrapper .input-container input:valid ~ label {
color: #9d9d9d;
-webkit-transform: translate(-12%, -50%) scale(0.75);
transform: translate(-12%, -50%) scale(0.75);
}
.card-wrapper .input-container label {
position: absolute;
top: 0;
left: 0;
color: #757575;
font-size: 20px;
font-weight: 300;
line-height: 60px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.card-wrapper .input-container .bar {
position: absolute;
left: 0;
bottom: 0;
background: #757575;
width: 100%;
height: 1px;
}
.card-wrapper .input-container .bar:before,
.card-wrapper .input-container .bar:after {
content: '';
position: absolute;
background-color: #ef4836;
width: 0;
height: 2px;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.card-wrapper .input-container .bar:before {
left: 50%;
}
.card-wrapper .input-container .bar:after {
right: 50%;
}
.card-wrapper .button-container {
margin: 0 60px;
text-align: center;
}
.card-wrapper.alt .button-container{
margin-top: 50px;
}
.card-wrapper .footer {
margin: 40px 0 0;
font-size: 18px;
font-weight: 300;
text-align: center;
}
.card-wrapper .footer a {
color: inherit;
text-decoration: none;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.card-wrapper .footer a:hover {
color: #ef4836;
}
form#register{
position: relative;
z-index: 1;
}
.card-wrapper.alt {
position: absolute;
top: 40px;
right: -80px;
z-index: 10;
width: 140px;
height: 140px;
background: none;
border-radius: 100%;
box-shadow: none;
padding: 0;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.card-wrapper.alt .toggle {
position: relative;
background-color: #ef4836;
width: 120px;
height: 120px;
border-radius: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
color: #ffffff;
font-size: 50px;
line-height: 120px;
text-align: center;
cursor: pointer;
}
@media screen and (max-width: 550px) {
.card-wrapper.alt .toggle {
width: 80px;
height: 80px;
font-size: 34px;
line-height: 80px;
}
.login-wrapper.active .card-wrapper.alt .toggle {
-webkit-transform: scale(18);
transform: scale(18);
}
}
.card-wrapper.alt .toggle:before {
content: '\f067';
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.card-wrapper.alt .title,
.card-wrapper.alt .input-container,
.card-wrapper.alt .button-container {
left: 100px;
opacity: 0;
visibility: hidden;
}
.card-wrapper.alt .title {
position: relative;
border-color: #fff;
color: #fff;
}
.card-wrapper.alt .title .close {
cursor: pointer;
position: absolute;
top: 0;
right: 60px;
display: inline;
color: #fff;
font-size: 58px;
font-weight: 400;
filter: alpha(opacity=90);
opacity: .9;
}
@media screen and (max-width: 450px) {
.card-wrapper.alt .title .close {
top: -8px;
right: 20px;
}
}
.card-wrapper.alt .title .close:before {
content: '\00d7';
}
.card-wrapper.alt .input-container input {
color: #fff;
}
.card-wrapper.alt .input-container input:focus ~ label {
color: #fff !important;
}
.card-wrapper.alt .input-container input:focus ~ .bar:before,
.card-wrapper.alt .input-container input:focus ~ .bar:after {
background: #fff;
}
.card-wrapper.alt .input-container input:valid ~ label {
color: #fff;
}
.card-wrapper.alt input::-webkit-input-placeholder {
color:#fff
}
.card-wrapper.alt input::-moz-placeholder {
color:#fff
}
.card-wrapper.alt input:-ms-input-placeholder {
color:#fff
}
.card-wrapper.alt .input-container .bar {
background: rgba(255, 255, 255, 0.8);
}
.card-wrapper.alt .button-container a.btn {
position: relative;
z-index: 10;
}
/*Customizing with Material CSS*/
.login-wrapper input[type=text]:focus:not([readonly]),
.login-wrapper input[type=password]:focus:not([readonly]) {
border-bottom: 0;
box-shadow: none;
}
.login-wrapper input[type=text],
.login-wrapper input[type=password] {
margin: 0;
}
.login-wrapper .btn {
height: 60px;
font-size: 18px;
}
.login-wrapper .btn-back {
height: inherit;
}
.login-wrapper .btn-lg {
padding: 17px 38px;
}
.login-wrapper input[type="submit"] {
background-color: transparent;
border: 0;
font-style: normal;
}
.login-wrapper input[type="submit"]:focus{
outline: none;
border: 0;
}
.login-wrapper .status{
padding: 10px 10px 20px 60px;
color: red;
font-weight: 700;
}
.login-wrapper .card-wrapper.alt .status{
color: #ffffff;
}
/* Keyframes */
@-webkit-keyframes buttonFadeInUp {
0% {
bottom: 30px;
opacity: 0;
}
}
@keyframes buttonFadeInUp {
0% {
bottom: 30px;
opacity: 0;
}
}
/*
*****************************************************************
* EVENT CALENDAR *
*****************************************************************
*/
#tribe-events .tribe-events-button,
#tribe-events .tribe-events-button:hover,
#tribe_events_filters_wrapper input[type=submit],
.tribe-events-button,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
background-color: #ef4836;
}
.tribe-events-list-separator-month{
padding: 0;
margin: 0;
}
.tribe-events-list .type-tribe_events h2 {
font-size: 24px;
margin-bottom: 10px;
margin-top: 10px;
}
.tribe-events-list-separator-month span{
display: block;
padding: 0 0 25px;
background-color: transparent;
}
.tribe-events-list-separator-month:after{
display: none;
}
.tribe-events-list .type-tribe_events{
margin-bottom: 40px;
background-color: #fff;
border-radius: 6px;
}
.tribe-events-loop .type-tribe_events.tribe-events-last {
margin-bottom: 0;
}
.tribe-events-list .type-tribe_events h2 a{
color: #212121;
position: relative;
}
.tribe-events-list .tribe-events-loop{
max-width: 100%;
}
@media(min-width: 768px){
.tribe-events-list .tribe-events-loop .tribe-events-content{
padding: 0;
}
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image{
float: none;
width: 100%;
margin: 0;
}
.tribe-events-event-image img{
max-height: 100% !important;
}
@media(max-width: 991px){
.tribe-events-list .tribe-events-loop .tribe-events-event-image{
margin-bottom: 20px;
}
}
.tribe-events-read-more{
position: relative;
padding-bottom: 7px;
font-size: 11px;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
}
.tribe-events-read-more::after{
content: "\f178";
font-family: fontawesome;
margin-left: 5px;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-meta{
margin: 0;
background-color: #eaeaea;
padding: 10px;
margin-top: 15px;
border-radius: 5px;
}
.tribe-events-event-meta .author{
display: table;
width: 100%;
}
.tribe-events-event-meta .tribe-event-schedule-details,
.tribe-events-event-meta .tribe-events-venue-details,
.tribe-events-event-meta .tribe-events-event-cost{
display: inline-block;
display: table-cell;
vertical-align: middle;
font-weight: normal;
font-style: italic;
}
.tribe-events-list .tribe-events-event-meta .tribe-events-venue-details{
margin: 0;
}
.tribe-events-venue-details i,
.tribe-event-schedule-details i,
.tribe-events-event-cost i{
font-size: 24px;
float: left;
margin-right: 10px;
color: #aaa;
}
.tribe-events-venue-details .tribe-address{
line-height: 17px;
}
.nominee-time-wrapper .nominee-time-label{
display: block;
line-height: 15px;
}
.tribe-events-event-cost span{
border: 0;
display: inline-block;
font-weight: normal;
font-style: italic;
padding: 0;
margin-top: 3px;
text-align: left;
}
.tribe-events-event-cost span span{
margin-right: 5px;
}
/*event day*/
.tribe-events-day .tribe-events-day-time-slot h5 {
margin: 0 0 50px;
background: #212121;
}
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events{
margin-left: 0;
}
a.tribe-events-gcal, a.tribe-events-ical{
float: none;
}
/*single event*/
.nominee-events-header{
margin-top: 30px;
}
.nominee-events-header .tribe-events-schedule{
margin: 0 0 20px;
}
.nominee-events-header .tribe-events-schedule ul{
padding: 0;
font-size: 16px;
margin-top: 6px;
}
.single-tribe_events .tribe-events-schedule .tribe-events-cost{
font-size: inherit;
}
.nominee-events-header .tribe-events-schedule h2{
color: #676767;
font-size: 17px;
}
.tribe-events-notices{
margin-top: 0;
}
.single-tribe_events .tribe-events-event-meta{
border: 0;
margin: 0;
background-color: transparent;
}
.tribe-events-meta-group .tribe-events-single-section-title {
margin: 0 0 20px;
background-color: #001a40;
color: #ffffff;
padding: 5px 15px;
}
.tribe-events-meta-group .tribe-events-event-cost{
display: block;
margin-bottom: 10px;
}
.single-tribe_events .tribe-events-event-meta .column,
.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group{
width: 100%;
padding: 0 0 10px;
background-color: #fff;
border-radius: 4px;
}
@media(min-width: 768px){
.single-tribe_events .tribe-events-event-meta{
padding-left: 15px;
}
}
.single-tribe_events .tribe-events-event-meta a{
color: #545454;
}
.single-tribe_events .tribe-events-event-meta a:hover{
color: #ef4836;
}
.single-tribe_events .secondary .tribe-events-venue-map{
width: 100%;
margin: 0;
border: 0;
float: none;
}
.single-tribe_events .tribe-events-cal-links {
margin-bottom: 0;
display: block;
}
.single-tribe_events #tribe-events-footer{
padding: 20px 0 10px;
margin-top: 50px;
margin-bottom: 0;
}
.single-tribe_events #tribe-events-footer li,
.single-tribe_events #tribe-events-header li{
width: 33.33%;
margin: 0;
min-height: 22px;
}
.single-tribe_events #tribe-events-footer li.tribe-events-back{
text-align: center;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-footer .tribe-events-sub-nav li,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-header .tribe-events-sub-nav li{
margin-right: 0;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next{
margin-left: 0;
}
@media(max-width: 768px){
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous{
width: 33.33%;
}
#tribe-events-footer:after,
#tribe-events-footer:before,
#tribe-events-header:after,
#tribe-events-header:before{
content: none;
}
.tribe-events-event-meta .tribe-events-meta-group{
margin-bottom: 20px;
}
.single-tribe_events .tribe-events-event-meta{
padding: 0;
}
}
/*event widgets*/
.tribe-events-list-widget ol.tribe-list-widget{
margin: 0;
padding: 0
}
.tribe-events-list-widget ol.tribe-list-widget li{
padding: 0;
}
/*Upcoming event*/
.upcoming-campaign img{
border-radius: 4px;
margin-top: 20px;
width: 100%;
}
.event-wrapper .upcoming-campaign img{
border-radius: 0;
margin-top: 0;
}
/*Biography two CSS*/
.leader-image img{
margin-left: -1px;
}
.header-style-fullwidth .site-wrapper{
padding-top: 0 !important;
}
/*Header topbar*/
.header-fullwidth .header-top-wrapper{
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.header-fullwidth .header-top-wrapper > .container{
width: 100%;
}
.header-fullwidth .news-ticker-wrapper{
margin-left: 10px;
}
.header-fullwidth .news-ticker-wrapper span,
.header-fullwidth .news-ticker li a,
.header-fullwidth .contact-info ul li,
.header-fullwidth .contact-info ul li a,
.header-fullwidth .tt-cart-count .cart-contents{
color: #fff;
}
.header-fullwidth .news-ticker li a:hover,
.header-fullwidth .contact-info ul li a:hover{
color: #ef4836;
}
/*Menu fixing*/
.header-fullwidth .navbar-nav li .dropdown-wrapper,
.header-fullwidth .navbar-nav li .megamenu-wrapper{
padding-top: 26px;
}
.header-fullwidth .main-menu,
.header-fullwidth .main-menu > .navbar-nav {
width: 100%;
max-width: 1170px;
display: flex;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.header-fullwidth .navbar-nav{
padding: 0 40px;
}
.header-fullwidth .navbar-default .navbar-nav>li>a{
color: #fff;
}
.header-fullwidth .navbar-default .navbar-nav>li>a:hover{
color: #ef4836;
}
.header-wrapper.header-fullwidth{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header-fullwidth .navbar-default{
background-color: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
padding: 0;
min-height: 80px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-fullwidth.sticky .navbar-default {
background-color: #101d48;
}
.header-fullwidth .navbar-default > .container-fluid{
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.header-fullwidth .navbar-default > .container-fluid::before{
display: none;
}
.header-fullwidth .main-menu-wrapper{
margin-top: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.header-fullwidth .navbar-brand{
position: relative;
padding: 0 10px;
display: flex;
-ms-flex-item-align: center!important;
align-self: center!important;
}
.header-fullwidth .navbar-header h1{
line-height: inherit;
}
.header-fullwidth .navbar-brand::after{
content: "";
border-right: 1px solid rgba(255, 255, 255, 0.10);
position: absolute;
right: -15px;
height: 80px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-fullwidth .donate-button{
position: relative;
background-color: transparent;
}
.header-fullwidth .donate-button a{
background-color: transparent !important;
padding: 0px 15px;
font-weight: 400;
}
.header-fullwidth .donate-button a:hover{
color: #ef4836;
}
.header-fullwidth .donate-button::before,
.header-fullwidth .tt-toggle-button::before{
content: "";
border-left: 1px solid rgba(255, 255, 255, 0.10);
position: absolute;
left: -15px;
height: 80px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-fullwidth .tt-toggle-button{
margin: 0 15px 0 30px;
position: relative;
padding-left: 15px;
}
@media(min-width: 768px){
.hide-offcanvas .header-fullwidth .tt-toggle-button{
display: none;
}
}
.header-fullwidth .tt-toggle-button button{
background-color: transparent;
border: 0;
width: 25px;
line-height: 1;
padding: 0;
margin: 0;
}
.header-fullwidth .tt-toggle-button .icon-bar{
height: 3px;
background-color: #fff;
margin-bottom: 5px;
display: block;
-webkit-transition: width 200ms;
-moz-transition: width 200ms;
-ms-transition: width 200ms;
transition: width 200ms;
}
.header-fullwidth .tt-toggle-button .icon-bar:last-child{
margin-bottom: 0;
width: 20px;
}
.header-fullwidth .tt-toggle-button button:hover .icon-bar:last-child{
width: 25px;
}
@media(max-width: 991px){
.header-fullwidth .navbar-nav{
padding-left: 10px;
}
.header-fullwidth .donate-button a{
padding: 0;
}
.header-fullwidth .tt-toggle-button {
margin: 0 5px 0 30px;
padding-left: 5px;
}
}
@media(max-width: 767px){
.header-wrapper.header-fullwidth{
background-color: #101d48;
}
.tt-offcanvas-sidebar .mobile-menu .nav>li>a:focus,
.tt-offcanvas-sidebar .mobile-menu .nav>li>a:hover{
background-color: rgba(238, 238, 238, 0.03);
}
.tt-offcanvas-sidebar .dropdown-menu-trigger i{
margin-right: 10px;
color: #fff;
}
.header-fullwidth .navbar-default{
background-color: transparent;
min-height: 60px;
}
.header-fullwidth .navbar-brand::after,
.header-fullwidth .donate-button::before,
.header-fullwidth .tt-toggle-button::before{
height: 60px;
}
.header-fullwidth .main-menu-wrapper{
display: none !important;
}
.header-fullwidth .navbar-header{
margin-left: 0px;
margin-right: auto;
}
}
/*Offcanvas sidebar*/
.tt-offcanvas-sidebar{
position: fixed;
z-index: 9999;
top: 0;
right: -420px;
bottom: 0;
width: 400px;
-webkit-transition: right .3s ease-in-out, left .3s ease-in-out;
-moz-transition: right .3s ease-in-out, left .3s ease-in-out;
transition: right .3s ease-in-out, left .3s ease-in-out;
}
.offcanvas-container{
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 40px;
background: rgba(21, 35, 80, 0.94);
}
.offcanvas-container::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.offcanvas-container::-webkit-scrollbar-thumb {
background: #FF0000;
}
.offcanvas-container .tt-close{
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #ef4836;
display: block;
text-align: center;
float: right;
cursor: pointer;
}
.tt-offcanvas-sidebar .offcanvas-overlay {
position: fixed;
top: 0;
left: 0;
visibility: hidden;
width: 100vw;
height: 100vh;
content: '';
-webkit-transition: opacity .3s ease, visibility .3s ease;
-moz-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease;
opacity: 0;
background: rgba(0, 0, 0, .7);
z-index: 1;
}
.tt-sidebar-open .tt-offcanvas-sidebar{
right: 0;
}
.tt-sidebar-open .tt-offcanvas-sidebar .offcanvas-overlay {
visibility: visible;
opacity: 1;
}
.offcanvas-container .footer-sidebar{
padding-top: 0;
}
.offcanvas-container .footer-sidebar .widget{
display: block;
background-color: transparent;
padding: 0;
text-align: left;
}
.offcanvas-container .footer-sidebar .widget img{
margin-top: 0;
}
.offcanvas-container .footer-sidebar .widget .widget-title{
color: #fff;
}
.offcanvas-container .footer-sidebar .widget_mc4wp_form_widget .btn{
color: #fff;
background-color: #ef4836;
}
.offcanvas-container .footer-sidebar .widget_mc4wp_form_widget .btn:hover{
color: #fff;
background-color: #bd1604;
}
/*Social Icons*/
.tt-social-link ul{
margin-bottom: 0;
}
.tt-social-link li{
list-style: none;
padding-right: 0;
margin-bottom: 8px;
}
.tt-social-link li i{
margin: 0 !important;
text-align: center;
border-radius: 2px;
color:#fff !important;
-webkit-transition:all 400ms;
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition:all 400ms;
}
.tt-social-link li a i:focus,
.tt-social-link li i:focus{
outline: none;
}
.tt-social-link li i:hover{
opacity: 0.9;
}
.tt-social-link li.small i{
font-size: 16px;
width:30px;
height:30px;
line-height: 30px;
}
.tt-social-link li.medium i{
font-size: 24px;
width:45px;
height:45px;
line-height: 45px;
}
.tt-social-link li.large i{
font-size: 30px;
width:60px;
height:60px;
line-height: 60px;
}
.facebook i{
background:#3B5997;
}
.twitter i{
background:#29C5F6;
}
.google i{
background:#D13D2F;
}
.pinterest i{
background:#C61118;
}
.dribbble i{
background:#FF5C93;
}
.behance i{
background:#12C5EF;
}
.instagram i{
background:#8A9FAE;
}
.linkedin i{
background:#2C91DC;
}
.delicious i{
background:#457E9B;
}
.soundcloud i{
background:#FF5419;
}
.youtube i{
background:#D72A24;
}
.flickr i{
background:#ED1983;
}
.vimeo i{
background:#0FACD7;
}
.github i{
background:#000000;
}
.tumblr i{
background:#304E6C;
}
.android i{
background:#B2CE49;
}
.digg i{
background:#546BA0;
}
@media(max-width: 767px){
.tt-offcanvas-sidebar{
width: 325px;
}
.offcanvas-container{
padding-left: 25px;
padding-right: 25px;
}
}
.zindex-top{
z-index: 999;
}
.post-category-pagination .entry-meta ul li:last-child{
float: none;
}
.post-category-pagination .post-thumbnail img{
height: 230px;
object-fit: cover;
}
.post-category-pagination .blog-wrap{
margin-bottom: 30px;
}
.post-category-pagination .blog-content{
display: flex;
flex-direction: column;
}
.post-category-pagination .entry-footer{
margin-top: auto;
}
.post-category-pagination .entry-header .entry-title{
line-height: 1.5;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{
background-color: transparent !important;
}
/*
*****************************************************************
* RESPONSIVE STYLES *
*****************************************************************
*/
/* Extra small devices (phones, less than 768px) */
@media (max-width : 767px) {
html{
overflow-x: hidden;
}
.tt-slider .intro-sub{
font-size: 20px;
}
.tt-slider .tt-title{
font-size: 30px;
}
.header-top-wrapper{
line-height: 35px;
}
.navbar-brand>img{
width: 80%;
}
/*mobile menu*/
.navbar-default.sticky .dropdown-wrapper {
padding-top: 0;
}
.navbar-default {
background-color: #2f2f2f;
}
.navbar-collapse{
box-shadow: none;
border: 0;
}
.sticky.navbar-default{
padding: 0;
}
/*home section*/
.intro h1 {
font-size: 2.5em;
}
/*about us*/
.tt-popup-wrapper img{
width: 100%;
}
/*stories section*/
.timeline>li {
margin-bottom: 50px;
}
/*abilities-section*/
.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-panel-body,
.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-panel-heading,
.vc_tta-tabs-position-bottom.vc_tta-style-classic .vc_tta-panel-body,
.vc_tta-tabs-position-bottom.vc_tta-style-classic .vc_tta-panel-heading{
border: 1px solid #f0f0f0 !important;
}
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a{
background-color: #ef4836;
color: #fff !important;
}
.vc_tta-tabs-position-top.vc_general .vc_tta-panel-title > a
.vc_tta-tabs-position-bottom.vc_general .vc_tta-panel-title > a{
padding: 10px 15px !important;
text-transform: uppercase;
font-weight: 700;
color: #2f2f2f !important;
font-size: 16px;
}
.vc_tta-tabs-position-top .vc_empty_space
.vc_tta-tabs-position-bottom .vc_empty_space{
height: 0 !important;
}
.vc_tta-panel-body{
padding: 15px !important;
}
.vc_tta-panel-body .vc_empty_space{
height: 0 !important;
}
.vc_tta-panel-body .wpb_single_image img{
width: 100%;
}
/*twitter-section*/
.twitter-feed .tt-overlay {
padding: 50px 20px;
}
/*reformation-section*/
#filter li button {
padding: 6px 10px;
font-weight: 300;
}
/*campaign-section*/
.campaign-scoop {
padding: 25px 25px 15px;
}
.countdown-wrapper {
margin-bottom: 10px;
}
.countdown li {
margin-right: 30px;
}
.event-passed-message .alert-warning{
padding: 10px;
line-height: 25px;
}
/*twitter-section*/
.social-counter {
padding: 50px;
}
/*donation-section*/
.donation-intro {
padding: 70px 30px 50px 30px !important;
}
.donation-intro,
.donation-thumb > div{
min-height: 400px !important;
}
.modal-dialog,
.modal.fade .modal-dialog{
width: 100%;
margin: 0;
}
.modal-content{
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.tt-paypal-donation{
margin: 0;
}
/*newsletter-section*/
.subscribe-form .mc4wp-form input[type=email] {
width: 100%;
max-width: 100%;
}
.mc4wp-form input[type="submit"],
.mc4wp-form button,
.mc4wp-form input[type="button"]{
margin-left: 0;
width: 100%;
}
/*map*/
#ttmap {
height: 300px
}
/*Blog*/
.blog-wrapper .entry-title{
font-size: 20px;
line-height: 30px;
}
.gallery-caption {
font-size: 10px;
line-height: 20px;
}
.tt-sidebar-wrapper.left-sidebar,
.tt-sidebar-wrapper.right-sidebar {
padding-left: 0;
}
.blog-navigation{
margin-bottom: 60px;
}
/*Blog Grid*/
.blog-grid .entry-meta {
display: none;
}
.carousel-post-thumbnail{
min-height: 118px;
}
.latest-post-carousel .entry-content{
left: 15px;
bottom: 10px;
}
.latest-post-carousel .entry-content h2{
font-size: 16px;
line-height: 24px;
}
/*issues*/
.issue-wrapper .post-thumbnail{
margin-bottom: 20px;
}
.single-tt-issue .issue-wrapper .posts-content{
margin-bottom: 40px;
}
.featured-event.style_two .upcoming-campaign img{
height: 600px;
width: inherit;
max-width: inherit;
}
/*single event*/
.single-event-header{
max-height: 400px;
overflow: hidden;
}
.single-event-header img{
max-width: inherit;
}
.featured-event.style_two .campaign-scoop h2,
.single-event-header .campaign-scoop h2 {
font-size: 30px;
line-height: 36px;
}
.event-location-map {
margin-top: -60px;
}
.single-event-header .countdown li {
margin-right: 30px;
}
.schedule-meta ul li{
margin-right: 0;
font-size: 14px;
}
.schedule-wrap {
margin-bottom: 30px !Important;
}
.speaker-thumb-wrap{
display: none;
}
/*speaker*/
.speaker-wrapper .thumb-wrapper img{
width: 100%;
}
/*page*/
.page-wrapper .posts-content{
margin-bottom: 100px;
}
/*member page*/
.member-wrapper .thumb-wrapper img,
.single-member-page .member-thumb img{
width: 100%;
}
.single-member-page .member-content .team-social{
display: none;
}
.single-member-page .member-content {
padding-left: 0;
margin-top: 30px;
}
}
/* Landscape Mobile */
@media only screen and (min-width : 480px) and (max-width : 767px) {
/*slider*/
.tt-slider .tt-title{
font-size: 40px;
}
.tt-effect figcaption .content{
bottom: inherit;
padding: 0 100px;
top: 50%;
margin-top: -40px;
}
/*featured event*/
.featured-event.style_two{
max-height: 600px;
}
/*single event*/
.single-event-header{
max-height: 600px;
}
.speaker-thumb-wrap{
display: table-cell;
}
/*blog grid*/
.carousel-post-thumbnail{
min-height: 202px;
}
.latest-post-carousel .entry-content{
bottom: 30px;
left: 40px;
}
.latest-post-carousel .entry-content h2{
font-size: 16px;
line-height: 24px;
}
/*reformation*/
.tt-filter li button {
padding: 6px 10px;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width : 768px) and (max-width : 991px) {
/*navigation*/
.navbar .nav>li {
padding: 0 5px;
}
.header-wrapper.sticky .navbar .nav>li,
.sticky.navbar .nav>li {
padding: 0 5px;
}
.navbar-default{
padding: 0;
}
.navbar-default .navbar-nav>li>a {
font-size: 12px !important;
}
.navbar-nav li .dropdown-wrapper{
left: auto;
right: 0;
}
.sticky.navbar-default {
padding: 2px 0;
}
/*about-section*/
.video-wrap iframe {
height: 400px;
}
/*stories section*/
.timeline>li {
margin-bottom: 50px;
}
/*abilities-section*/
.vc_tta-tabs-position-top .vc_tta-tab > a,
.vc_tta-tabs-position-bottom .vc_tta-tab > a {
padding: 5px 8px !important;
font-weight: 300;
line-height: 20px;
}
/*twitter-section*/
.social-counter {
padding: 80px 20px;
min-height: 530px;
}
.social-counter .custom .icon{
margin-right: 30px;
}
/*donation-section*/
.donation-intro {
padding: 70px 50px 60px 40px !important;
}
.donation-intro,
.donation-thumb > div{
min-height: 550px !important;
}
.tt-paypal-donation{
margin: 0;
}
.donate-button a {
padding: 5px 10px;
font-size: 11px;
}
/*Blog*/
.tt-popular-post .nav-tabs>li>a{
padding: 10px 15px;
}
/*blog grid*/
.carousel-post-thumbnail{
min-height: 336px;
}
/*issues*/
.issue-wrapper .post-thumbnail{
margin-bottom: 20px;
}
/*featured event*/
.featured-event.style_two .upcoming-campaign img{
height: 600px;
width: inherit;
max-width: inherit;
}
/*single event*/
.single-event-header{
max-height: 600px;
overflow: hidden;
}
.single-event-header img{
max-width: inherit;
}
.single-event-header .campaign-scoop h2 {
font-size: 36px;
}
.event-location-map {
margin-top: -60px;
}
.single-event-header .countdown li {
margin-right: 30px;
}
.schedule-meta ul li{
margin-right: 0;
font-size: 14px;
}
/*member page*/
.single-member-page .member-content .team-social{
display: none;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width : 992px) and (max-width : 1199px) {
/*menu*/
.navbar .nav>li{
padding: 0 8px;
}
.navbar-nav li .dropdown-wrapper{
left: auto;
right: 0;
}
.navbar-default{
padding: 8px 0;
}
.sticky.navbar-default{
padding: 5px 0;
}
.header-wrapper.sticky .navbar .nav>li,
.sticky.navbar .nav>li {
padding: 0 7px;
}
/*stories section*/
.timeline>li{
margin-bottom: -40px;
}
/*spotlight-section*/
.tt-effect figcaption .content {
padding: 20px 20px 30px;
}
.tt-effect figcaption .content p {
font-size: 12px;
}
/*abilities-section*/
.vc_tta-tabs-position-top .vc_tta-tab > a,
.vc_tta-tabs-position-bottom .vc_tta-tab > a {
padding: 5px 8px !important;
font-weight: 300;
}
/*twitter-section*/
.social-counter {
padding: 80px 50px;
min-height: 501px;
}
/*campaign-section*/
.campaign-scoop {
padding: 25px 25px 15px;
}
.campaign-scoop .start-date {
margin-bottom: 25px;
}
.countdown-wrapper {
margin-bottom: 10px;
}
.countdown li {
margin-right: 30px;
}
/*donation-section*/
.donation-intro {
padding: 70px 50px 60px 40px !important;
}
/*event single*/
.single-event-header .campaign-scoop h2 {
font-size: 36px;
}
.event-location-map {
margin-top: -60px;
}
/*blog grid*/
.carousel-post-thumbnail{
min-height: 439px;
}
/*member page*/
.single-member-page .member-content .team-social{
display: none;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width : 1200px) and (max-width : 1280px) {
.timeline>li{
margin-bottom: 0;
}
.social-counter {
padding: 80px;
}
}
/* Large devices (large desktops, 1920px and up) */
@media (min-width : 1920px) {
/*twitter-section*/
.twitter-feed .tt-overlay {
padding: 100px 100px 100px 30%;
}
/*donation-section*/
.donation-intro {
padding: 100px 100px 100px 20% !important;
}
}