.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}.shortcode_socials {
vertical-align: middle;
clear: both;
display: block; }
.shortcode_socials ul.tr_social_icons_list {
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 16px; }
.shortcode_socials ul.tr_social_icons_list.left {
text-align: left; }
.shortcode_socials ul.tr_social_icons_list.center {
text-align: center; }
.shortcode_socials ul.tr_social_icons_list.right {
text-align: right; }
.shortcode_socials ul.tr_social_icons_list:before {
content: " ";
display: table;
clear: both; }
.shortcode_socials ul.tr_social_icons_list li.tr_social_icon {
padding: 5px 8px;
display: inline-block;
border: none !important;
vertical-align: text-top; }
.shortcode_socials ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link {
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s; }
.shortcode_socials ul.tr_social_icons_list li.tr_social_icon a.tr_social_icon_link:hover {
opacity: .5; }
@media only screen and (max-width: 959px) {
.topbar_text_wrapper .shortcode_socials {
padding-left: 10px; } }
.topbar_text_wrapper .shortcode_socials ul.tr_social_icons_list li.tr_social_icon {
padding: 0;
margin: 8px 15px 6px 0; }.category_header.with_featured_img {
background-size: cover;
margin-bottom: 2.5rem;
margin-top: -70px;
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
padding: 185px 0;
text-align: center; }
@media all and (max-width: 719px) {
.category_header.with_featured_img {
margin-top: -30px;
padding: 110px 0; } }
@media all and (min-width: 720px) and (max-width: 959px) {
.category_header.with_featured_img {
margin-top: -50px;
padding: 150px 0; } }
.category_header.with_featured_img .tr_content_wrapper {
max-width: 640px; }
.category_header.with_featured_img .page-title,
.category_header.with_featured_img .term-description,
.category_header.with_featured_img .term-description p,
.category_header.with_featured_img .page-description,
.category_header.with_featured_img .page-description p {
color: #fff !important; }
.category_header.with_featured_img .category_header_overlay {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0); }