File: /home/storage/162/3480162/user/htdocs/wp-content/themes/new-magazine/custom.css
/**
* Stylesheet for custom styles.
*
*/
body .site .widget.infinity_mag_widget_tabbed ul.nav-tabs li:hover a,
body .site .widget.infinity_mag_widget_tabbed ul.nav-tabs li:hover a,
body .site .widget.infinity_mag_widget_tabbed .nav-tabs > li.active > a,
body .site .widget.infinity_mag_widget_tabbed .nav-tabs > li.active > a:focus,
body .site .widget.infinity_mag_widget_tabbed .nav-tabs > li.active > a:hover,
body .site .widget.infinity_mag_widget_tabbed .site-footer .widget ul li,
body .site .mainbanner-jumbotron-2 .slide-icon {
background: #E63946;
}
body .site .author-info .author-social > a:hover,
body .site .author-info .author-social > a:focus {
border-color: #E63946;
}
body .site .sticky h2:before,
body .site a:hover,
body .site a:focus,
body .site a:active,
body .site .twp-meta-info .posted-on,
body .site .twp-meta-info .byline,
body .site .item-metadata.posts-date,
body .site .item-metadata.post-author,
body .site .author-info .author-social > a:hover,
body .site .author-info .author-social > a:focus,
body .site .social-icons ul li a:hover,
body .site .social-icons ul li a:focus {
color: #E63946;
}
@media only screen and (min-width: 992px) {
body .site .main-navigation .menu ul > li.current-menu-item > a,
body .site .main-navigation .menu ul > li:hover > a,
body .site .main-navigation .menu ul > li:focus > a {
background: #FF1654;
color: #fff;
}
}
body .site .button-fancy.-red {
color: #E63946;
border-color: #E63946;
}
body .site .button-fancy:hover.-red > .btn-arrow,
body .site .button-fancy:hover.-red > .btn-arrow:before,
body .site .button-fancy:hover.-red > .btn-arrow:after {
background-color: #E63946;
}
.item-metadata ul li a {
background-color: #E63946;
color: #fff;
border-radius: 4px;
padding: 3px 15px;
text-decoration: none;
margin: 5px auto;
}
.item-metadata ul li a:hover,
.item-metadata ul li a:focus {
background-color: #E63946;
color: #fff;
}
.twp-entry-content {
padding: 20px;
border: 1px solid #f3f3f3;
}
.has-post-thumbnail .twp-entry-content {
border-top: 0;
}
.site .site-navigation {
background: #1D1E2C;
border: 0;
}
.site .nav-right .icon-search {
background-color: #E63946;
border: 0;
}
.site .main-navigation .menu ul > li > a,
.site .social-icons ul li a,
.site .nav-right .icon-search {
color: #fff;
}
body .site .nav-right .icon-search:hover,
body .site .nav-right .icon-search:focus {
color: #fff;
}
.site .nav-right .icon-search:hover {
background: #FF1654;
}
.site .ham,
.site .ham:before,
.site .ham:after {
background-color: #fff;
}
.site .ham.exit {
background-color: transparent;
}
.site .main-navigation .menu ul ul {
background: #1D1E2C;
}
@media only screen and (min-width: 992px) {
.main-navigation .menu ul ul a {
border: 0;
}
}
@media only screen and (max-width: 991px) {
.site .site-navigation .nav-right,
.site .main-navigation .menu .menu-mobile li,
.site .main-navigation .menu .menu-mobile li .sub-menu {
border-color: #333;
}
.main-navigation .menu .menu-mobile li .sub-menu > li a {
margin-left: 0;
}
}
.mainbanner-jumbotron-2 .slick-slide:after {
content: "";
background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.92));
background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.92));
background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.92));
background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.92));
border: 4px solid #fff;
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
display: block;
top: 0;
}
.upper-header {
background: #E0B1CB;
padding: 30px 0;
}
.upper-header .site-branding,
.upper-header .site-branding a {
color: #000;
font-family: "Helvetica Neue", Helvetica, 'Rubik', Arial, sans-serif;
}
.site .site-branding .site-title {
font-size: 34px;
}
.site .site-branding .site-title,
.site .site-branding .site-description {
text-transform: uppercase;
font-weight: 300;
letter-spacing: 6px;
}
.site .site-branding .site-description {
font-size: 14px;
font-weight: 400;
}
.site .slide-title {
font-size: 26px;
}
@media only screen and (max-width: 1600px) {
.upper-header .widget {
margin-top: 0;
margin-bottom: 0;
}
}