/*!
Theme Name: RT Magazine 
Theme URI: https://rigorousthemes.com/downloads/rt-magazine
Author: Rigorous Themes
Author URI: https://rigorousthemes.com/
Description: RT Magazine is clean, well structured, sparkling, user-friendly, flexible, dynamic and attention-grabbing WordPress Magazine Theme with a sleek feel that's perfect for news sites, editorial websites and online magazines. It comes up with the colorful look, built with the latest design trends and highly adjustable theme customizer that lets you customize the appearance of the theme: menu, logo, background and so on.Besides, the theme is packed with myriad features and custom widgets that are really efficient and super user-friendly in order to focus on your job with no coding skills, are some of its strong features and make your news or magazines catch everyone’s eyes and stand out to be the best among others. RT Magazine is fully responsive and looks good on all devices either mobile or desktop. Endless amounts of custom sliders, as well as carousels, can easily be deployed in an instant, showcasing your featured reviews or articles or keeping your pages dynamic with attractive image galleries.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rt-magazine
Tags: translation-ready, custom-background, theme-options, custom-menu, custom-header, threaded-comments, blog, education, news, custom-logo,right-sidebar, left-sidebar, custom-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

RT Magazine is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*font awesome supportive style*/

/*font awesome supportive style*/

[class*="fa-"] a {
  margin-left: 2px;
}


/*  2.0 ===== Global =====   */
body {
  color: #676767;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  margin: 0;
  line-height: 1.27;
  word-wrap: break-word;
  letter-spacing: 0.7px;
}
*:focus {
  outline: none;
}

/*   -- "Header-Tags" (These are the styles for the Header Tags) --   */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #323232;
  font-weight: 500;
  margin: 0;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
  color: #fff;
}
h1 {
  font-size: 28px;
  line-height: 1.2;
}
h2 {
  font-size: 24px;
  line-height: 1.2;
}
h3 {
  font-size: 20px;
  line-height: 1.2;
}
h4 {
  font-size: 16px;
  line-height: 1.2;
}
h5 {
  font-size: 15px;
  line-height: 1.2;
}
h6 {
  font-size: 14px;
  line-height: 1.2;
}

/*   -- "Accessibility" (These are the styles for the Accessibility) --   */

.assistive-text,
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
}
.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*   -- "Blockquote" (These are the styles for the Blockquote) --   */

blockquote {
  border-left: 8px solid;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 22px;
  margin: 0 auto 23px;
  max-width: 100%;
  padding: 32px 0 23px 65px;
  position: relative;
  text-transform: uppercase;
  width: 750px;
  background: #DBE1E8;
  border-radius: 0 8px 8px 0;
}
blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}
blockquote cite {
  text-transform: uppercase;
}

/*   -- "Clearings" (These are the styles for the Clearings) --   */

.clearfix:after {
  content: " ";
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: block;
}

/*   -- "Breadcrumb" (These are the styles for the Breadcrumb) --   */


.breadcrumb, 
.breadcrumb a, 
.breadcrumb span,
.breadcrumbs, 
.breadcrumbs a, 
.breadcrumbs span {
  text-transform: uppercase;
}
.breadcrumbs li{
  display: inline-block;
  list-style: outside none none;
  margin: 0 25px;
  position: relative;
} 
.breadcrumbs li::before {
  position: absolute;
  display: block;
  content: "/";
  color: #4db6b8;
  left: -25px;
  top: 0px;
}
.breadcrumbs li:first-child:before {
  display: none;
}
.trail-items li:first-child{
  margin-left: 0px;
}
.page-title-wrap .breadcrumb a span,  
.page-title-wrap .breadcrumbs a span{
  color: #515050;
}
.breadcrumb a:hover span,
.breadcrumbs li span,
.breadcrumbs a:hover span,
.breadcrumb li span{
  color: #4db6b8 ;
}

/*   -- "Superscript and Subscript" (These are the styles for the Superscript and Subscript) --  */

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}

/*   -- "Text Elements" (These are the styles for the Text Elements) --   */

p {
  color: #464646;
  font-size: 14px;
  margin: 0 0 20px;
  letter-spacing: 1px;
  line-height: 1.3
}
strong {
  font-weight: bold;
}
cite,
em,
i {
  font-style: italic;
}
pre {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 30px;
  overflow: auto;
}
pre,
code,
kbd {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  line-height: 21px;
}
abbr,
acronym,
dfn {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
  cursor: help;
}
address {
  display: block;
  margin: 0 0 15px;
}
ins {
  background-color: #fff9c0;
  margin-bottom: 20px;
  text-decoration: none;
}

/*   -- "table" (These are the styles for the Links) --  */

table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
table th{
  font-weight: 600;
  text-transform: uppercase;
}
table td{
  text-transform: capitalize;
}

table {
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 20px;
  width: 100%;
}

/*   -- "Links" (These are the styles for the Links) --  */

ul{
  margin: 0;
  padding: 0;
}
a {
  color: #383838;
  text-decoration: none;
}
a:focus,
a:active,
a:hover { outline: none;
  text-decoration: none;
  transition: all 0.3s ease-in 0s;  
}

/*   -- "Forms" (These are the styles for the Forms) --   */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
input[type="reset"],
input[type="button"],
input[type="number"],
input[type="submit"] {
  border-radius: 0px;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-family: 'Barlow Condensed', sans-serif;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="number"] {
  border: 1px solid #c2c2c2;
  height: 41px;
  margin: 0 0 15px;
  padding: 5px 19px 5px;
  width: 100%;  
}
textarea {
  border: 1px solid #c2c2c2;
  margin: 0 0 15px;
  padding: 8px 19px 5px;
  width: 100%;  
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 300;
  height: 41px;
  margin-bottom: 30px;
  margin-top: 5px;
  padding: 0px 40px 2px;  
  text-transform: capitalize; 
  text-align: center;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wpcf7-form input[type="submit"]{
  padding: 0px 25px;
  font-size: 16px;
  background: none;
  border: 1px solid #303E4B;
  color: #303E4B;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background: #1e73be;
}
select {
  background-color: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  padding: 10px;
  width: 100%;
  border-radius: 3px;
}
option {
  margin: 5px 0;
}
input[type="radio"],
input[type="checkbox"],
input[type="file"] {
  margin-bottom: 5px;
}
input[type="file"] {
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;

}
input::-moz-placeholder,
textarea::-moz-placeholder  { /* Firefox 19+ */
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder { /* IE 10+ */
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
}
input,
textarea{
  color: #323232;
  font-size: 14px;
}

/*   -- "label" (These are the styles for the label) --   */

label {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  margin: 0 5px 0 0;
}

/*  ## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 15px 0 0;
}
.post .page-content,
.post .entry-content,
.post .entry-summary {
  margin-top: 0px;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*   -- "Article" (These are the styles for the Article) --   */

article {
  font-size: 14px;
  line-height: 22px;
}

/*    ===== Buttons =====   */

/*   -- "Back To Top" (These are the styles for the Back To Top) --   */

.back-to-top {
  bottom: 70px;
  position: fixed;
  right: 30px;
  z-index: 2;
}
.site-footer .back-to-top a {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #fff;
  display: block;
  font-family: "FontAwesome";
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.back-to-top a:hover {
  border: 1px solid #fff;
  color: #fff;
}

/*   -- "box-button" (These are the styles for the box-button) --   */

.box-button,
.wpcf7-submit[type="submit"],
.load-button{
  /*border: 1px solid ;*/
  color: #fff;
  line-height: 1.2;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 10px 35px 11px;
  text-align: center;
  text-transform: uppercase;
}
.box-button:hover,
.box-button:active,
.box-button:focus{
  color: #fff;
}
.load-button-wrap {
  clear: both;
  position: relative;
}
.load-button {
  color: #383838;
  background: #CEDDE7;
  padding: 8px 25px 9px;
  position: absolute;
  top: -20px;
  right: 0;
  border-color: #CEDDE7;
}


/*   -- "Alignment" (These are the styles for the Alignment) --   */

.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  position: relative;
}
.alignleft > a img,
.alignright > a img,
.aligncenter > a img{
  transition: all 0.3s ease 0s;
}
.alignleft > a:hover img,
.alignright > a:hover img,
.aligncenter > a:hover img{
  opacity: 0.9;
  transition: all 0.3s ease 0s;
}
.entry-meta.alignleft,
.entry-meta.alignright {
  margin-bottom: 0;
}
.entry-meta.alignleft > div,
.entry-meta.alignright > div {
  border-right: medium none;
  padding-left: 8px;
  padding-right: 0px;
}
.entry-meta.alignleft [class*="fa-"],
.entry-meta.alignright [class*="fa-"] {
  margin-right: 0px;
  margin-left: 10px;
}


/*   -- "Images" (These are the styles for the Images) --   */

figure {
  margin: 0;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
}
img#wpstats {
  display: none;
}

/*   -- "Horizontal Row" (These are the styles for the Horizontal Row) --   */

hr {
  border-color: #bdbdbd;
  border-style: solid none none;
  border-width: 1px 0 0;
  height: 0;
  margin: 0 0 15px;
  clear: both
}
.default-padding{
  border: 1px solid #EAEBED;
  padding: 20px;
}
.site-footer .default-padding {
  border: none;
  padding: 0;
}
/*        custom layout       */
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  width: 1170px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.custom-col-1,  
.custom-col-2,  
.custom-col-3,  
.custom-col-4,  
.custom-col-5, 
.custom-col-6,  
.custom-col-7,  
.custom-col-8, 
.custom-col-9,  
.custom-col-10,  
.custom-col-11,  
.custom-col-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.custom-col-1,  
.custom-col-2,  
.custom-col-3,  
.custom-col-4,  
.custom-col-5, 
.custom-col-6,  
.custom-col-7,  
.custom-col-8, 
.custom-col-9,  
.custom-col-10,  
.custom-col-11,  
.custom-col-12 {
  float: left;
}
.custom-col-12 {
  width: 100%;
}
.custom-col-11 {
  width: 91.66666667%;
}
.custom-col-10 {
  width: 83.33333333%;
}
.custom-col-9 {
  width: 75%;
}
.custom-col-8 {
  width: 66.66666667%;
}
.custom-col-7 {
  width: 58.33333333%;
}
.custom-col-6 {
  width: 50%;
}
.custom-col-5 {
  width: 41.66666667%;
}
.custom-col-4 {
  width: 33.33333333%;
}
.custom-col-3 {
  width: 25%;
}
.custom-col-2 {
  width: 16.66666667%;
}
.custom-col-1 {
  width: 8.33333333%;
}
* {
  box-sizing: border-box;
}


/*   -- "captions" (These are the styles for the captions) --   */

.wp-caption {
  margin-bottom: 1.6em;
  max-width: 100%;
  position: relative;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}
.wp-caption-text {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  margin: 10px 0 0;
  padding: 7px;
  position: absolute;
  text-align: left;
  width: 100%;
}

/*  3.0 ====== Others =====    */

/*   -- "Others" (These are the styles for the Others) --   */

.comment-list:before, 
.comment-list:after,
.top-bar ul:before,
.top-bar ul:after,
.gallery:before,
.gallery:after,
.row:before,
.row:after,
.pagination:before,
.pagination:after,
.nav-links:before,
.nav-links:after,
.post:before,
.post:after,
.recentcomments:before,
.recentcomments:after,
.contact-section-wrap:before,
.contact-section-wrap:after,
.contact-detail p:before,
.contact-detail p:after,
.widget-post-author:before,
.widget-post-author:after,
.entry-meta-wrapper:before,
.entry-meta-wrapper:after,
.widget-social-link .inline-social-icons ul:before,
.widget-social-link .inline-social-icons ul:after,
.widget.widget_categories ul li:before,
.widget.widget_categories ul li:after,
.widget.widget_archive ul li:before,
.widget.widget_archive ul li:after{
  clear: both;
  display: block;
  content: "";
}

html {
  height: 100%;
  width: 100%;
}
ul li {
  list-style: none;
}


/*  4.0 ====== Basic Structure ======*/
iframe {
  max-width: 100%;
  width: 100%;
  border:0;
}



/*  5.0 ===== Header =====   */

/*   -- "Header" (These are the styles for the Header section) --   */
.site-header {
  margin-bottom: 30px;
}
.hgroup-wrap .container{
  align-items: center;
  align-items: -webkit-box;
  display: -webkit-box;     
  display: -moz-box;     
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex; 
  flex-wrap: wrap;
  flex-wrap: -webkit-box;
  position: relative;
}
.hgroup-wrap {
  margin-bottom: 50px;
}

/*   -- "Site Branding" (These are the styles for the Site-Branding section) --   */

.site-branding {
  margin: 45px auto;
  width: 265px;
  text-align: center;
  max-width: 100%;
}
.site-title {
  display: inline-block;
  font-size: 35px;
  line-height: 1;
  margin-bottom: 3px;
  text-transform: uppercase;
}
.site-title a {
  display: inline-block;
}
.site-footer .site-title > a {
  display: block;
}
.site-description {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.site-title a img,
.site-title a{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.site-title a:hover img,
.site-title a:hover{
  opacity: 0.6;
  color: #000;
}
.site-title img {
  margin-right: 15px;
}


/*   -- "Social Profile" (These are the styles for the Social Site section) --   */

.social-links ul li a::before {
  font-family: "FontAwesome";
  color: #2d2d2d;
  vertical-align: middle;
  font-size: 16px;
  margin-left: 5px;
}
.site-footer .social-links ul li a::before{
  color: #fff;
}
.social-links ul li a:hover::before {}
.social-links ul li a[href*="facebook.com"]::before {
  content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]::before {
  content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]::before {
  content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]::before {
  content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]::before {
  content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]::before {
  content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]::before {
  content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]::before {
  content: "\f171";
}
.social-links ul li a[href*="github.com"]::before {
  content: "\f113";
}
.social-links ul li a[href*="codepen.io"]::before {
  content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]::before {
  content: "\f16e";
}
.social-links ul li a[href$="feed.com"]::before {
  content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]::before {
  content: "\f180";
}
.social-links ul li a[href*="instagram.com"]::before {
  content: "\f16d";
}
.social-links ul li a[href*="tumblr.com"]::before {
  content: "\f173";
}
.social-links ul li a[href*="respanit.com"]::before {
  content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]::before {
  content: "\f194";
}
.social-links ul li a[href*="digg.com"]::before {
  content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]::before {
  content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]::before {
  content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]::before {
  content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]::before {
  content: "\f0e0";
}
.social-links ul li a[href*="soundcloud.com"]::before {
  content: "\f1be";
}
.social-links ul li a[href*="wordpress.org"]::before {
  content: "\f19a";
}
.social-links ul li a[href*="wordpress.com"]::before {
  content: "\f19a";
}
.social-links ul li a[href*="jsfispanle.net"]::before {
  content: "\f1cc";
}
.social-links ul li a[href*="tripadvisor.com"]::before {
  content: "\f262";
}
.social-links ul li a[href*="foursquare.com"]::before {
  content: "\f180";
}
.social-links ul li a[href*="angel.co"]::before {
  content: "\f209";
}
.social-links ul li a[href*="slack.com"]::before {
  content: "\f198";
}
.social-links ul li a[href*="facebook.com"]:hover:before {
  color: #3b5998;
}
.social-links ul li a[href*="twitter.com"]:hover:before {
  color: #00aced;
}
.social-links ul li a[href*="plus.google.com"]:hover:before {
  color: #c13c31;
}
.social-links ul li a[href*="/feed/"]:hover:before {
  color: #dc622c;
}
.social-links ul li a[href*="wordpress.org"]:hover:before {
  color: #21759b;
}
.social-links ul li a[href*="github.com"]:hover:before {
  color: #4183c4;
}
.social-links ul li a[href*="linkedin.com"]:hover:before {
  color: #007bb6;
}
.social-links ul li a[href*="pinterest.com"]:hover:before {
  color: #cb2027;
}
.social-links ul li a[href*="flickr.com"]:hover:before {
  color: #ff0084;
}
.social-links ul li a[href*="vimeo.com"]:hover:before {
  color: #aad450;
}
.social-links ul li a[href*="youtube.com"]:hover:before {
  color: #b00;
}
.social-links ul li a[href*="instagram.com"]:hover:before {
  color: #517fa4;
}
.social-links ul li a[href*="dribbble.com"]:hover:before {
  color: #ea4c89;
}
.social-links ul li a[href*="skype.com"]:hover:before {
  color: #12a5f4;
}
.social-links ul li a[href*="digg.com"]:hover:before {
  color: #333;
}
.social-links ul li a[href*="codepen.io"]:hover:before {
  color: #000;
}
.social-links ul li a[href*="respanit.com"]:hover:before {
  color: #ff4500;
}
.social-links ul li a[href*="mailto:"]:hover:before {
  color: #1d62f0;
}
.social-links ul li a[href*="foursquare.com"]:hover:before {
  color: #f94877;
}
.social-links ul li a[href*="stumbleupon.com"]:hover:before {
  color: #eb4924;
}
.social-links ul li a[href*="twitch.tv"]:hover:before {
  color: #6441a5;
}
.social-links ul li a[href*="tumblr.com"]:hover:before {
  color: #32506d;
}
.social-links ul li a[href*="foursquare.com"]:hover:before {
  color: #f94877;
}
.social-links ul li a[href*="stumbleupon.com"]:hover:before {
  color: #eb4924;
}
.social-links ul li a[href*="twitch.tv"]:hover:before {
  color: #6441a5;
}
.social-links ul li a[href*="tumblr.com"]:hover:before {
  color: #32506d;
}
.social-links ul li a[href*="soundcloud.com"]:hover:before {
  color: #f50;
}
.social-links ul li a[href*="wordpress.org"]:hover:before {
  color: #21759b;
}
.social-links ul li a[href*="jsfispanle.net"]:hover:before {
  color: #4679bd;
}
.social-links ul li a[href*="tripadvisor.com"]:hover:before {
  color: #86c171;
}
.social-links ul li a[href*="foursquare.com"]:hover:before {
  color: #2d5be3;
}
.social-links ul li a[href*="angel.co"]:hover:before {
  color: #000;
}
.social-links ul li a[href*="slack.com"]:hover {
  color: #56b68b;
}




/*   -- "Inline Social Profiles" (These are the styles for the Social Site section) --   */

.inline-social-icons ul,
.block-social-icons ul,
.widget ul {
  margin: 0 ;
}
.widget ul ul {
  padding-left: 15px;
  padding-top: 10px;
}
.inline-social-icons li,
.widget .inline-social-icons li {
  display: inline-block;
  margin: 0 7px 7px 0;
  padding: 0;
}
.team-section .inline-social-icons li{
  margin: 0 10px 10px 0;
}
.inline-social-icons li:last-child,
.widget .inline-social-icons li:last-child {
  margin-right: 0;
}
.inline-social-icons li:first-child,
.widget .inline-social-icons li:first-child {
  margin-left: 0;
}
.inline-social-icons li a {
  display: inline-block;
  font-size: 0px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  color: #fff;
  height: 45px;
  width: 45px;
  border: 1px solid #fff;
  border-radius: 50px;
  text-align: center;
  padding: 11px 0 0;
}
.inline-social-icons li a:hover{
  border-radius: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  border-color: #1e73be
}
.inline-social-icons.social-links ul li a:hover::before,
.inline-social-icons.social-links ul li a::before{
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.inline-social-icons ul li:last-child a {
  margin-right: 0;
}

/*   -- "Block Social Profiles" (These are the styles for the Social Site section) --   */

.block-social-icons ul li {
  border: none;
  padding: 0;
}
.block-social-icons ul li a,
.widget.block-social-icons ul li a {
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 10px;
  text-transform: inherit;
}
.block-social-icons ul li a:hover {
  color: #fff;
}
.block-social-icons a span {
  border-right: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-right: 4px;
  padding-right: 10px;
}
.block-social-icons .facebook-profile {
  background: #3b5997;
}
.block-social-icons .facebook-profile:hover{
  background: #4b70ba;
  opacity: 1;
}
.block-social-icons .twitter-profile {
  background: #00acee;
}
.block-social-icons .twitter-profile:hover {
  background: #22c2ff;
  opacity: 1;
}
.block-social-icons .rss-profile {
  background: #ff9c00;
}
.block-social-icons .rss-profile:hover {
  background: #ffb94f;
  opacity: 1;
}
.block-social-icons .youtube-profile {
  background: #bc0000;
}
.block-social-icons .youtube-profile:hover {
  background: #f90000;
  opacity: 1;
}

/*  6.0 ===== Navbar =====   */

/*   -- "Navbar" section (These are the styles for the navbar section) --   */
.main-navigation {
  line-height: 1;
  width: 95%;
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
}
.navbar {
  border-radius: 0;
  min-height: 0;
  position: relative;
  width: 100%;
  background: #303E4B;
  z-index: 9
}
.navbar .container,
.main-navigation{
  align-items: center;
  align-items: -webkit-box;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 
  flex-wrap: wrap;
  flex-wrap: -webkit-box;
  position: relative;
}
.main-navigation li {
  display: inline-block;
  list-style: outside none none;
  position: relative;
  transition: all 0.3s ease 0s;
}

.home-icon a {
  background: #1D2730;
  color: #fff;
  padding: 10px 15px 8px;
  font-size: 20px;
  position: relative;
  width: 50px;
  display: inline-block;
  height: 40px;
  text-align: center;
}
.home-icon a::before{
  position: absolute;
  display: block;
  content: "";
  height: 5px;
  width: 100%;
  background: #1D2730;
  bottom: -5px;
  left: 0;
}
.home-icon a::after {
  position: absolute;
  display: block;
  content: "";
  border-left: 5px solid #121920;
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  bottom: -5px;
  right: -5px;
}
.home-icon a:hover,
.home-icon a:hover:before{
  background: #1e73be;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.home-icon a:hover:after{
  border-left: 5px solid #1e73be;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.menu-content-wrapper {
  text-align: center;
  padding: 0 10px;
  width: 94%;
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
}
.main-navigation ul li {
  margin: 5px 0px 5px;
}
.main-navigation li a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  padding: 4px 45px 5px;
  border-right: 1px solid #283540;
}

.main-navigation div > ul > li:first-child {
  margin-left: 0;
}
.main-navigation div > ul > li:last-child {
  margin-right: 0;
}
.main-navigation ul li a:hover, 
.main-navigation li.current-menu-item a{
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  color: #1e73be;
}

/*   -- "Dropdown" section (These are the styles for the Dropdown section) --   */

.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
  visibility: visible;
  opacity: 1;
  top: 34px;
  -webkit-transition:opacity 0.5s linear;
  transition: all 0.5s ease 0s ;
}
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
  opacity: 1;
  top: -5px;
  visibility: visible;
  -webkit-transition:opacity 0.5s linear;
  transition: all 0.5s ease 0s ;
}
.main-navigation ul li ul {
  background-color: #fff;
  left: 0;
  position: absolute;
  text-align: left;
  top: 65px;
  width: 200px; 
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.main-navigation ul li ul li {
  float: none;
  margin: 0;
  display: block;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current-page-ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current-page-item ul li a {
  color: #383838;
  float: none;
  line-height: 20px;
  font-size: 15px;
  height: inherit;
  padding: 10px 14px;
  border: none;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
  background: #1D2730;
  color: #fff;
}
.main-navigation ul li ul li ul {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-top: medium none;
  left: 200px;
  top: 0;
  transition: all 0.5s ease 0s ;
  -webkit-transition:opacity 0.5s linear;
}
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul,
.main-navigation ul li ul {
  border-top: 5px solid #1e73be;
}
.main-navigation .menu-item-has-children::before {
  color: #fff;
  content: "\f107";
  display: block;
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  position: absolute;
  right: 14px;
  top: 5px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.main-navigation .menu-item-has-children:hover:before{
  color: #1e73be;
  top: 7px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}



/*   -- "Search Form" section (These are the styles for the Search Form section) --   */




/*  ====== Featured Content =====  */
.entry-footer > span {
  font-size: 18px;
  margin-right: 15px;
}
.entry-footer > span a{
  font-size: 14px;
  text-transform: capitalize;
}
.entry-footer > span a:first-child{
  margin-left: 8px;
}
.entry-footer > span:last-child {
  float: right;
}

/*   -- "Featured Slider" section (These are the styles for the Featured Slider section) --   */
.featured-slider {
  border: 1px solid #EAEBED;
  padding: 20px 20px 0;
}
.featured-slider .owl-carousel .owl-stage-outer{
  padding-bottom: 20px;
}
.featured-slider > img{
  width: 100%
}
.slider-text p{
  margin-bottom: 10px;
}
.slider-title {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  padding: 10px 0px 3px;
}
.slider-title a,
.featured-slider p,
.promo-slider-wrapper p{
  color: #FFFDFD
}
.slider-content {
  position: relative;
}
.slider-text {
  border-top: 3px solid #0DBA7F;
  position: absolute;
  bottom: 0px;
  right: 50px;
  width: 385px;
  max-width: 100%;
  background: rgba(17, 25, 32, 0.7);
  padding: 40px 15px 13px;
}
#secondary .slider-text{
  width: auto;
}
.v-center{
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slider-title a:hover{
  color: #1e73be;
}
.featured-slider .owl-theme .owl-dots,
.promo-slider-wrapper.owl-theme .owl-dots {
  position: absolute;
  right: 50px;
  text-align: center;
  top: 23px;
}
.featured-slider .owl-theme .owl-dots .owl-dot span,
.promo-slider-wrapper.owl-theme .owl-dots .owl-dot span {
  background: none;
  border: 2px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: #fff
}
.featured-slider  .entry-meta {
  border-top: none
}


/*    post styling freom here    */
.post{
  margin-bottom: 20px;
}
.post.small-post .featured-image{
  float: left;
  margin-right: 15px;
  width: 105px;
}
.video-blog .post.small-post .featured-image{
  width: 150px;
  margin-right: 20px;
}
.video-blog .featured-image img {
  width: 100%;
  margin: -10% 0;
}
.post.small-post .post-content{
  float: right;
  padding: 12px 0 5px;
  width: 66%;
  width: calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
}
.widget .post.small-post .post-content{
  padding: 0 0 5px;
}
.video-blog .post.small-post .post-content{
  width: 66%;
  width: calc(100% - 170px);
  width: -webkit-calc(100% - 170px);
  padding-top: 0;
  
}
.post.small-post .entry-header {
  padding: 0;
}
.post.small-post .entry-meta {
  border-top: 1px solid rgba(200, 201, 202, 0);
  padding-top: 6px;
}
.post.small-post .cat-links {
  margin-bottom: 5px;
}
.post.small-post{
  margin-bottom: 0;
}
.post p {
  line-height: 1.5;
}
.post-item-wrapper.post-item-has-2 .post {
  width: 50%;
  float: left;
  margin-bottom: 5px
}
.post-item-wrapper.post-item-has-2 .post:nth-child(2n+2) {
  padding-left: 15px;
}
.post-item-wrapper.post-item-has-2 .post:nth-child(2n+1) {
  padding-right: 15px;
  clear: both;
}
.flexible-post .post .featured-image {
  width: 50%;
  float: left;
  padding-right: 10px;
}
.flexible-post .post .post-content {
  width: 50%;
  float: right;
  padding-left: 5px;
}

/*   ===== post-featured-image =====  */

.featured-image {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.post .featured-image img{
  width: 100%;
}

/*  9.0 ===== Content =====   */

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
  padding-bottom: 10px;
}

/*   -- "Entry Header"  (These are the styles for the Entry Header ) --   */

.entry-header {
  padding: 10px 0 12px; /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
  position: relative;
}
.entry-header.heading {
  padding: 0px 0 20px;
}
.post .entry-header {
  padding-top: 0; /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
  padding-bottom: 0;
}
.featured-news-section .post .entry-header{
  padding-top: 0px;
  padding-bottom: 0px;
}
.cat-links{
  display: inline-block;
  position: relative;
}
.cat-links a {
  background: #0DBA7F;
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 12px;
  margin: 0 6px 5px 0;
  padding: 4px 11px 4px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.cat-links a.blue-bg{
  background: #1e73be
}
.cat-links a.green-bg{
  background: #3CB828
}
.cat-links a.orange-bg{
  background: #D56817
}
.cat-links a.pink-bg{
  background: #AB0BAD
}
.cat-links a:hover,
#secondary .widget .cat-links a:hover,
.wpcf7-submit[type="submit"]:hover, 
.form-submit input[type="submit"]:hover, 
.page-content .search-form .search-submit:hover {
  background: #2F3D4A;
  color: #fff;
  border-color: #2F3D4A;
}
.ads-section img{
  width: 100%;
}

/*   -- "Entry Title" section (These are the styles for the Entry Title section) --   */
.entry-title {
  font-size: 18px;
  line-height: 1.2;
  position: relative;
  font-weight: 500;
}
.site-content .small-post h3.entry-title{
  padding-bottom: 3px;
}
.heading .entry-title {
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  border-bottom: 2px solid #CEDDE7;
  padding-bottom: 16px;
  line-height: 1.1;
}
.heading .entry-title span{
  display: inline-block;
  position: relative;
}
.heading .entry-title span::before {
  background: #303E4B;
  bottom: -18px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.site-footer .heading .entry-title span::before {
  bottom: -20px;
}
.color-1 .heading .entry-title span::before {
  background: #1e73be
}
.color-2 .heading .entry-title span::before {
  background: #3CB828
}
.color-3 .heading .entry-title span::before {
  background: #17BD84
}
.color-4 .heading .entry-title span::before {
  background: #AB0BAD
}
.color-5 .heading .entry-title span::before {
  background: #F3771A
}



/*   -- "Entry Meta" section (These are the styles for the Entry Meta section) --   */
.entry-meta {
  padding-top: 13px;
}
.entry-meta-wrapper{
  padding-top: 10px;
}
.entry-meta-wrapper .entry-meta {
  width: 50%;
  float: left;
}
.entry-meta-wrapper .entry-meta:last-child{
  text-align: right;
}
.post-content .entry-meta {
  padding-top: 5px;
}
.entry-meta > span {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 12px;
}
.entry-meta, 
.entry-meta a {
  color: rgb(37, 40, 43);
  font-size: 12px;
}
.entry-meta a{
  text-transform: uppercase;
}

.entry-meta a:hover,
.top-promo-section .entry-meta a:hover,
.featured-slider .entry-meta a:hover,
.promo-slider-wrapper .entry-meta a:hover {
  color: #1e73be;
}
.site-footer .entry-meta, 
.site-footer .entry-meta a {
  color: #767676;
}
.entry-meta .cat-links,
.entry-meta .cat-links a {
  color: #767676;

}
.entry-meta .cat-links a {
  display: inline-block;
  padding-bottom: 10px;
}
#secondary .entry-meta .cat-links a {
  padding-bottom: 0px;
}
.post-content-wrap .entry-meta .cat-links a {
  padding-bottom: 0px;
}
.entry-meta [class*="fa-"] {
  color: rgb(37, 40, 43);
  display: inline-block;
  margin-right: 5px;
  line-height: 1.1;
}
.entry-header .entry-meta {
  margin: 0 0 8px;
  padding-top: 0;
}
.entry-meta > div {
  display: inline-block;
  line-height: 1;
  padding-right: 10px;
}
.entry-meta > div a{
  font-family: 'Barlow Condensed', sans-serif
}


/* Tag Links */
.tags-links {
  position: relative;
  padding-left: 7px;
}
.tags-links:before{
  position: absolute;
  display: block;
  content: "\f02b";
  font-family: 'FontAwesome';
  left: 0;
}
.tags-links > a {
  display: inline-block;
  padding: 0 8px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.widget_tag_cloud a:hover {
  color: #fff;
  opacity: 1;
}


/*   -- "Entry Content" section (These are the styles for the Entry Content section) --   */

.entry-content {
  display: block;
  padding-bottom: 15px;
  overflow: hidden;
  width: 100%;
}
.post .entry-content{
  padding-bottom: 5px;
}
.entry-content dt,
.comment-content dt {
  font-weight: bold;
}
.entry-content dd,
.comment-content dd {
  margin-bottom: 20px;
}
.entry-content td,
.comment-content td {
  padding: 8px;
}
.post .entry-content > p:last-child {
  margin-bottom: 5px;
}

/*      COMMENT     */
.bypostauthor > article .fn:after {
  content: "\f304";
  font-family: 'FontAwesome';
  position: relative;
  top: 5px;
  left: 3px;
}
.bypostauthor {
  display: block;
}
.comment-author{
  font-size: 15px;
  text-transform: capitalize;
}

.comment-list .reply {
  text-align: right;
  float: left;
}
.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
  max-width: 1040px;
  padding-left: 60px;
  padding-right: 376px;
}
.comment-list{
  list-style-type: none;
  padding: 0;
  margin-left: 0 !important;
  padding: 0 !important;
}
.comment-list .children {
  list-style-type: none;
  padding: 0;
}
.comment-list .children {
  margin-left: 65px !important;
}

.comment-list > li:after,
.comment-list .children > li:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}
#comments ol,
#comments ul {
  list-style-type: none !important;
  margin-left: 0;
}
.comment-body, 
.post-author {
  padding: 0px 0 15px 0;
  position: relative;
  clear: both;
}
.comment-content{
  float: left;
  margin-top: 10px;
  width: 100%;
}

.comment-content > p:last-child {
  margin-bottom: 12px;
}
.comment-author .avatar img,
.post-author .avatar img {
  display: block;
  height: 120px;
  width: 120px;
}
.comment-metadata .fn,
.comment-author .url,
.comment-reply-login {
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  text-transform: uppercase;
}
.says {
  display: none;
}
.comment-list .edit-link {
  margin-left: 20px;
}
.comment-awaiting-moderation{
  float: right;
  text-align: left;
  width: 82%;
  width: -webkit-calc(100% - 125px);
  width: calc(100% - 125px);
  word-wrap: break-word;
}
.comment-meta,
.comment-meta a {
  color: #181818;
  font-size: 13px;
}
.comment-metadata a{
  color: #ababab;
}
.comment-meta > div {
  float: left;
  margin-right: 10px;
}
.reply a:hover {
  color: #181818;
}
.comment-metadata {
  margin-bottom: 8px;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Comment form */
.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px;
}
.comment-form .comment-notes {
  margin-bottom: 15px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form p {
  margin-bottom: 5px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
  float: left;
  padding: 5px 0;
  width: 120px;
}
.comment-form .required {
  color: #ed331c;
}
.comment-form textarea {
  width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
  color: #383838;
  font-size: 12px;
}
.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px;
}
.comment-list .pingback,
.comment-list .trackback {
  padding-top: 24px;
}
.comment-navigation {
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 604px;
  padding: 20px 0 30px;
  width: 100%;
}

/*     comment area     */
.comment-reply-title{
  font-size: 24px;
  font-weight: 500;
  border-bottom: 2px solid #dfdfdf;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.comment-reply-title span::before {
  background: #303E4B;
  bottom: -12px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.comments-area {
  padding: 30px 0 5px;
  position: relative;
}
.comments-area ul, 
.comments-area ol {
  list-style: none;
}
.comment-form-comment,
.form-submit {
  width: 100% !important;
  padding: 0 !important;
}
.form-submit {
  text-align: right;
}
.comment-form input[type="submit"]{
  display: inline-block;
}
.comment-form p{
  position: relative;
}
.comment-form p .comment-input-icon {
  background: #303E4B;
  display: block;
  height: 37px;
  width: 37px;
  position: absolute;
  top: 2px;
  text-align: center;
  padding: 10px 0 0;
  left: 2px;
}
.comment-form p .fa{
  color: #fff;
}
.comment-form p input {
  padding-left: 15px;
}
.comment-form p.form-submit input {
  padding-left: 40px;
}


/* 11.0 ===== Contact form 7 styling ===== */
.wpcf7-form {
  padding: 10px 0 0;
}
.wpcf7-form p {
  margin: 0 0 14px;
}
.wpcf7-form textarea {
  resize: none;
}
.wpcf7-submit[type="submit"], 
.form-submit input[type="submit"],  
.page-content .search-form .search-submit {
  margin: 0;
  background: #303E4B;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
.wpcf7-form .contact-textarea,
.wpcf7-form .contact-submit{
  width: 100% !important;
  padding: 0 !important;
}
.contact-submit {
  text-align: center !important;
}
.wpcf7-form input, 
.wpcf7-form textarea {
  border: none;
  border: 1px solid #6E767C;
  color: #000;
  padding: 10px 18px;
  margin-bottom: 0px;
  margin-top: 5px;
}
.wpcf7-form input:focus, 
.wpcf7-form textarea:focus{
  border-color: #1e73be
}
.contact-form-wrap .wpcf7-form input, 
.contact-form-wrap .wpcf7-form textarea {
  background: rgba(23, 31, 39, 0.5);
  border: none;
  border-bottom: 1px solid #6E767C;
  color: #fff;
}
.wpcf7-form textarea {
  margin-bottom: 0;
}
.contact-form-wrap .wpcf7-form input[type="text"]:focus, 
.contact-form-wrap .wpcf7-form input[type="email"]:focus,
.contact-form-wrap .wpcf7-form textarea:focus{
  border-color: #fff;
}
.wpcf7 {
  margin: 30px 0 0;
}
.wpcf7-form label {
  font-weight: 600;
}
.contact-form-wrap .wpcf7-form label {
  color: #fff;
}
input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder  { /* Firefox 19+ */
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder { /* IE 10+ */
  opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
}

/*     Name: Error form     **/

form.cmxform label.error, 
label.error {
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: #ff0000;
  font-style: italic;
  margin: 10px 0 0;
  text-align: left;
}
div.error { 
  display: none; 
}

/*   ===== Pages =====   */

/*   -- "Page Title" section (These are the styles for the Page Title section) --   */

.page-title-wrap {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  position: relative;
}
.page-title-wrap::before {
  background: rgba(37, 40, 43, 0.8);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}
.page-title {
  display: inline-block;
  font-size: 48px;
  font-weight: 700;
  line-height: 31px;
  margin-bottom: 20px;
  padding: 0 0 37px;
  position: relative;
  text-transform: uppercase;
}
.page-sub-title {
  color: rgb(234, 237, 153);
  display: block;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 8px;
}
.page-title-wrap div{
  position: relative;
}
.page-title a, 
.taxonomy-description p {
  color: #fff;
}
.page-title-wrap .breadcrumb {
  background: #fff;
  border-radius: 0;
  display: inline-block;
  margin: 0 0 -15px;
  padding: 15px 20px;
  position: relative;
  text-align: center;
}

/*   -- "bbPress Support" section (These are the styles for the bbPress Support section) --   */

#bbpress-forums,
#bbpress-forums button,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-search-form input,
div.bbp-search-form button,
div.bbp-breadcrumb,
div.bbp-topic-tags {
  font-size: 16px;
}
div.bbp-search-form input,
div.bbp-search-form button {
  padding: 10px;
}
#bbpress-forums div.bbp-search-form {
  float: none;
}
#bbpress-forums ul,
#bbpress-forums ol {
  margin: 0;
}
#bbpress-forums #bbp-search-form #bbp-search {
  width: 100%;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-right: 0 none;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  display: inline-block;
  line-height: 20px;
  margin-top: 5px;
}
div.bbp-submit-wrapper button {
  background-color: rgb(46, 60, 66);
  border: 0 none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 40px;
  margin-bottom: 30px;
  padding: 0px 20px;
  text-transform: uppercase;  
  text-align: center;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}


/*   ===== pagination =====   */
/*   -- "pagination" section (These are the styles for the pagination section) --   */

.pagination,
#wp-page-numbers,
.wp-pagenavi,
#main ul.default-wp-page {
  border-radius: 0px;
  margin: 0 0 10px;
}
.pagination .nav-links {
  text-align: center;
}
.pagination a,
.pagination > li > a, 
.pagination > li > span,
#wp_page_numbers li,
.wp-pagenavi li,
#main ul.default-wp-page,
.pagination > span {
  background-color: rgba(210, 209, 209, 0);
  border: medium none;
  color: rgb(57, 57, 60);
  font-size: 14px;
  font-weight: 600;
  padding: 3px 10px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 8px;
}
.pagination a.prev, 
.pagination a.next {
  padding: 2px 10px;
  border: 1px solid #000;
  display: inline-block;
  text-indent: -99999999px;
  position: relative;
}
.pagination .current{
  padding: 4px 10px 3px;
  background-color: #25282b;
  color: #fff;
  margin: 0 5px;
}
.pagination a{
  padding: 5px 9px 4px;
}
.pagination a:hover,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus,
#wp_page_numbers li > a:hover,
.wp-pagenavi li > a:hover,
#main ul.default-wp-page li > a:hover,
.pagination > span {
  background-color: #25282b;
  color: #fff;
}
.post-navigation,
.posts-navigation {
  padding: 0 0 20px;
}
.nav-previous {
  float: left;
  width: 45%;
  position: relative;
}
.nav-next{
  float: right;
  width: 45%;
  position: relative;
}
.nav-links a {
  font-weight: 600;
  position: relative;
}

.post-navigation .nav-links a,
.posts-navigation .nav-links a{
  color: #fff;
  background: #303E4B;
  padding: 15px;
  display: block;
}
.post-navigation .nav-links .nav-next a,
.posts-navigation .nav-links .nav-next a{
  padding-left: 50px;
}
.post-navigation .nav-links .nav-previous a,
.posts-navigation .nav-links .nav-previous a{
  padding-right: 50px;
}
.pagination a.prev::before, 
.nav-previous a::before {
  position: absolute;
  display: block;
  content: "\f060";
  color: #fff;
  font-family: "FontAwesome";
  font-size: 14px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 9;
  text-indent: 0;
  right: -5px;
}
.nav-previous a::before {
  right: 15px;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pagination a.next::before, 
.nav-next a::before {
  position: absolute;
  display: block;
  content: "\f061";
  color: #fff;
  font-family: "FontAwesome";
  font-size: 14px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 9;
  text-indent: 0;
  right: -5px;
}
.nav-next a::before {
  left: 15px;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pagination a.next::before,
.pagination a.prev::before{
  color: #000;
}
.pagination a.next::before{
  right: 3px;
}
.pagination a.prev::before{
  left: 3px;
}
.pagination a.next:hover:before,
.pagination a.prev:hover:before{
  color: #fff;
}

/*  8.0 ===== Widgets =====  */
.widget {
  margin-bottom: 30px;
}
#secondary .widget {
  border: 1px solid #EAEBED;
  padding: 11px 20px 20px;
  margin-bottom: 50px;
}
#secondary .widget.widget-ads{
  border: none;
  padding: 0;
}
#secondary [class*="custom-col-"],
.site-footer .widget [class*="custom-col-"] {
  width: 100%;
  margin-bottom: 20px;
}
.site-footer .widget [class*="custom-col-"] {
  margin-bottom: 0px;
}
.site-footer .top-promo-section.widget [class*="custom-col-"] {
  margin-bottom: 20px;
}
.site-footer .top-promo-section.widget [class*="custom-col-"]:last-child {
  margin-bottom: 0px;
}
.widget ul li {
  display: block;
}
#secondary .widget li a,
#secondary .widget li {
  color: #212426;
  font-size: 16px;
  position: relative;
}
#secondary .widget a:hover{
  color: #1e73be;
}


/*    widget post author styling from here   */
.widget-post-author {
  margin-top: 30px;
  margin-bottom: 50px;
}
#secondary .widget-post-author {
  margin-top: 0px;
}
.widget-post-author .avatar {
  width: 64px;
  height: 64px;
  border-radius: 65px;
  overflow: hidden;
  border: 2px solid #CBD0D4;
  margin: 0 auto;
}
.author-details {
  width: 175px;
  float: left;
  border-right: 1px solid #EAEBED;
}
.author-text {
  float: right;
  width: 75%;
  width: calc(100% - 175px);
  width: -webkit-calc(100% - 175px);
}
.author-details h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-top: 15px;
}
.author-text p{
  padding-left: 35px;
}
.author-text p:last-child{
  text-align: right;
  border-top: 1px solid #EAEBED;
  padding-top: 15px;
  margin-bottom: 0;
}
.author-text p a{
  text-transform: uppercase;
  font-weight: 600;
}
.author-text p a .fa{
  margin-left: 5px;
}
.widget-post-author .inline-social-icons {
  text-align: center;
}
.widget-post-author .inline-social-icons li, 
.widget-post-author .widget .inline-social-icons li {
  margin: 0 2px;
}
.widget-post-author .inline-social-icons li a {
  color: #fff;
  height: 22px;
  width: 22px;
  border: none;
  border-radius: 0;
  padding: 3px 0 0;
}
.widget-post-author .social-links ul li a:before{
  color: #fff;
  font-size: 12px;
}
.widget-post-author .social-links ul li a:hover{
  background: #303E4B;
  
}


/*     Widget-Search     */
.widget_search {
  position: relative;
}
.widget_search .search-form{
  margin-bottom: 0
}
.widget_search .search-submit {
  background: url("https://shanarobola.com/wp-content/themes/rt-magazine/assest/img/search-icon.png") no-repeat scroll center center / 30px auto;
  border: medium none;
  border-radius: 0;
  box-shadow: inherit;
  color: rgb(255, 255, 255);
  height: 41px;
  margin: 0;
  padding: 0 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 57px;
}
.widget_search .search-submit:hover{
  background: url("https://shanarobola.com/wp-content/themes/rt-magazine/assest/img/search-icon.png") no-repeat scroll center center / 30px auto;;
}
.widget_search input[type="search"], 
.error-content-wrap input[type="search"] {
  padding-right: 70px;
} 

/*   -- "Widget Calendar" section (These are the styles for the Widgete calendar section) --   */
.widget_calendar table, 
.widget_calendar th, 
.widget_calendar td {
  border: none;
}


/*    widget categories styling from here   */
.widget.widget_categories ul li,
.widget.widget_archive ul li{
  text-align: right;
}
.widget.widget_categories li a,
.widget.widget_archive ul li a {
  float: left;
}


/*    widget latest news styling from here    */
.widget-latest-news .entry-meta time,
.widget-latest-news .entry-meta > span {
  text-transform: inherit ;
}
.widget-latest-news .entry-meta [class*="fa-"]{
  margin-top: 2px
}
.widget-latest-news .post-content > a{
  margin-bottom: 20px;
  display: block;
}




/*    textwidget styling from here    */
.textwidget {
  margin: 0 0 20px;
}
.widget_text address {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.site-content .widget_text > ul{
  margin: 0;
  padding: 0;
}
.widget_text li {
  color: rgb(103, 103, 103);
  list-style: outside none none;
  margin-bottom: 2px;
}
.widget_text li a{
  color: rgb(95, 100, 104);
}


/*   widget tag cloud styling from here   */
.widget_tag_cloud a {
  border: 1px solid #303E4B;
  color: #303E4B;
  display: inline-block;
  font-size: 14px;
  margin: 3px 5px 5px 0;
  padding: 5px 15px;
  text-transform: uppercase;
}
#secondary .widget.widget_tag_cloud a:hover {
  color: #fff;
}

/*   widget social link styling from here   */
.widget-social-link li a{
  padding-bottom: 5px;
}
.widget-social-link li a span {
  display: block;
  color: #fff;
  margin-top: 4px;
  font-size: 12px;
}
.widget-social-link .social-links ul li a::before {
  color: #fff;
  font-size: 18px;
}
.widget-social-link .inline-social-icons li a {
  background: #000;
  min-width: 59px;
  min-height: 59px;
  border-radius: 0;
  border: none;
  padding: 18px 0 0;
}
#secondary .widget-social-link .inline-social-icons li a{
  font-size: 0;
}
.widget-social-link .inline-social-icons.social-links ul li a:hover::before {
  color: #fff;
}

.widget-social-link .inline-social-icons li a[href*="facebook.com"]{
  background: #3b5998;
}

.widget-social-link .inline-social-icons li a[href*="twitter.com"]{
  background: #00aced;
}

.widget-social-link .inline-social-icons li a[href*="plus.google.com"]{
  background: #c13c31;
}

.widget-social-link .inline-social-icons li a[href*="/feed/"]{
  background: #dc622c;
}

.widget-social-link .inline-social-icons li a[href*="wordpress.org"]{
  background: #21759b;
}

.widget-social-link .inline-social-icons li a[href*="github.com"]{
  background: #4183c4;
}

.widget-social-link .inline-social-icons li a[href*="linkedin.com"]{
  background: #007bb6;
}

.widget-social-link .inline-social-icons li a[href*="pinterest.com"]{
  background: #cb2027;
}

.widget-social-link .inline-social-icons li a[href*="flickr.com"]{
  background: #ff0084;
}

.widget-social-link .inline-social-icons li a[href*="vimeo.com"]{
  background: #aad450;
}

.widget-social-link .inline-social-icons li a[href*="youtube.com"]{
  background: #b00;
}

.widget-social-link .inline-social-icons li a[href*="instagram.com"]{
  background: #517fa4;
}

.widget-social-link .inline-social-icons li a[href*="dribbble.com"]{
  background: #ea4c89;
}

.widget-social-link .inline-social-icons li a[href*="skype.com"]{
  background: #12a5f4;
}

.widget-social-link .inline-social-icons li a[href*="digg.com"]{
  background: #333;
}

.widget-social-link .inline-social-icons li a[href*="codepen.io"]{
  background: #000;
}

.widget-social-link .inline-social-icons li a[href*="respanit.com"]{
  background: #ff4500;
}

.widget-social-link .inline-social-icons li a[href*="mailto:"]{
  background: #1d62f0;
}

.widget-social-link .inline-social-icons li a[href*="foursquare.com"]{
  background: #f94877;
}

.widget-social-link .inline-social-icons li a[href*="stumbleupon.com"]{
  background: #eb4924;
}

.widget-social-link .inline-social-icons li a[href*="twitch.tv"]{
  background: #6441a5;
}

.widget-social-link .inline-social-icons li a[href*="tumblr.com"]{
  background: #32506d;
}

.widget-social-link .inline-social-icons li a[href*="foursquare.com"]{
  background: #f94877;
}

.widget-social-link .inline-social-icons li a[href*="stumbleupon.com"]{
  background: #eb4924;
}

.widget-social-link .inline-social-icons li a[href*="twitch.tv"]{
  background: #6441a5;
}

.widget-social-link .inline-social-icons li a[href*="tumblr.com"]{
  background: #32506d;
}

.widget-social-link .inline-social-icons li a[href*="soundcloud.com"]{
  background: #f50;
}

.widget-social-link .inline-social-icons li a[href*="wordpress.org"]{
  background: #21759b;
}

.widget-social-link .inline-social-icons li a[href*="jsfispanle.net"]{
  background: #4679bd;
}

.widget-social-link .inline-social-icons li a[href*="tripadvisor.com"]{
  background: #86c171;
}

.widget-social-link .inline-social-icons li a[href*="foursquare.com"]{
  background: #2d5be3;
}

.widget-social-link .inline-social-icons li a[href*="angel.co"]{
  background: #000;
}

.widget-social-link .inline-social-icons li a[href*="slack.com"]{
  background: #56b68b;
}



.widget-social-link .inline-social-icons li {
  margin: 0 4px 8px 0;
  float: left;
}


/*   -- "Recent Entries/Comments widget" section (These are the styles for the Recent Entries/Comments widget section) --   */


.recentcomments ,
.widget ul li.recentcomments {
  border-bottom: 1px solid #D6D8DB;
  padding-bottom: 15px;
  margin-bottom: 18px;
  padding-top: 2px;
}
.recentcomments:last-child,
.widget ul li.recentcomments:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.recentcomments .comment-author-image {
  height: 43px;
  width: 43px;
  margin-right: 17px;
  float: left;
  border-radius: 50px;
  overflow: hidden;
}
.recentcomments .comment-author-text {
  float: right;
  width: 80%;
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
}
.comment-author-link {
  display: block;
  margin-bottom: 2px;
}
.comment-author-link a {
  font-weight: 600;
  text-transform: uppercase;
}

/*   widget tag cloud styling from here   */
.widget-subscribe{
  background: #303E4B;
}
#secondary .mc4wp-form-wrapper {
  background: #3B4A57;
  padding: 30px 25px 20px;
  margin-top: 8px;
}
#secondary .mc4wp-form-wrapper > p {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
}
#secondary .mc4wp-form input[type="submit"] {
  background: #303E4B;
  width: 100px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
}
#secondary .mc4wp-form input[type="email"] {
  padding-right: 102px;
  border-radius: 50px;
  width: 98%;
  background: none;
  border: 1px solid #868F97;
  color: #868F97;
}

/*    error page styling from here  */
.error-404.not-found {
  max-width: 490px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
  width: 100%;
}
.site-content .error-404 .page-title {
  font-size: 290px;
  color: #303E4B;
  line-height: 0.8; 
}
.error-icon {
  margin-bottom: -60px;
  text-align: center;
}
.site-content .error-404 p {
  font-size: 40px;
  color: #303E4B;
  text-align: center;
}
.search-form {
  position: relative;
  width: 375px;
  margin: 0 auto 30px;
  max-width: 100%;
}
.no-results .search-form {
  margin: 0 0 30px;
}
.site-header .search-form {
  margin: 0;
}
.site-content .error-404 a{
  text-align: center;
  display: inline-block;
  font-size: 40px;
  text-transform: capitalize;
  position: relative;
}
.site-content .error-404 a::before {
  position: absolute;
  display: block;
  content: "";
  background: #CBCFD2;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  transition : all 0.3s ease 0s;
  -webkit-transition : all 0.3s ease 0s;
  -moz-transition : all 0.3s ease 0s;
  -o-transition : all 0.3s ease 0s;
}

.site-content .error-404 a:hover:before {
  background: #1e73be;
  transition : all 0.3s ease 0s;
  -webkit-transition : all 0.3s ease 0s;
  -moz-transition : all 0.3s ease 0s;
  -o-transition : all 0.3s ease 0s;
}

/*        main styleing from here    */

/*    topbar section styling from here    */
.topbar {
  background: #303E4B;
  color: #fff;
}
.topbar.no-share-icon {
  padding: 8px 0 10px;
}
.topbar a, 
.topbar p, 
.topbar li,
.topbar{
  color: #fff;
  text-transform: uppercase;
}
.topbar-wrapper{
  align-items: center;
  align-items: -webkit-box;
  display: -webkit-box;     
  display: -moz-box;     
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex; 
  flex-wrap: wrap;
  flex-wrap: -webkit-box;
  position: relative;
  min-height: 48px;
}
.topbar-left,
.topbar-right {
  width: 50%;
  float: left;
}
.topbar-left > div{
  display: inline-block;
  margin-right: 10px;
}
.topbar .date-section,
.weather-section {
  position: relative;
  padding-left: 23px;
}
.topbar .date-section::before,
.weather-section:before {
  color: #fff;
  content: "\f017";
  display: block;
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 1px;
}
.weather-section:before {
  content: "\f0c2";
}
.topbar-right {
  text-align: right;
}
.top-menu-toggle_body_wrapper > div {
  display: inline-block;
  text-align: right;
}
.top-address li .fa{
  margin-right: 5px;
}
.topbar .inline-social-icons {
  display: inline-block;
  position: relative;
}
.top-bar-social-links.inline-social-icons ul{
  display: none;
}
.topbar .inline-social-icons ul.share-open{
  display: block;
}
.share-icon .fa {
  background: #1D2730;
  color: #fff;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
}
.share-icon .fa:hover{
  background: #1e73be
}
.tobbar-button a {
  position: relative;
  margin: 0 10px;
}
.tobbar-button a::before {
  position: absolute;
  content: "/";
  display: block;
  right: -14px;
  top: 0;
  color: #fff
}
.tobbar-button a:last-child:before {
  display: none;
}
.share-wrapper {
  position: absolute;
  right: -2px;
  z-index: 99;
  background: #B7BCC0;
  padding: 5px 10px;
  text-align: center;
}

.share-wrapper li{
  display: block;
}
.topbar-wrapper .inline-social-icons .share-wrapper li {
  margin: 7px 0;
}

.inline-social-icons .share-wrapper li a {
  border: 0;
  padding: 0;
  height: auto;
  width: auto;
}
.topbar-wrapper li, 
.top-address li {
  display: inline-block;
  margin: 0 5px;
}
.topbar-wrapper .inline-social-icons li,
.topbar-wrapper .widget .inline-social-icons li {
  margin: 0 7px 7px 0;
}
.topbar-wrapper li:first-child, 
.top-address li:first-child {
  margin-left: 0;
}

/*     search section styling from here   */
#left-search {
  text-align: right;
  width: 50px;
}
.search-toggle::before {
  color: #fff;
  content: "\f002";
  display: block;
  font-family: "FontAwesome";
  z-index: 99;
}
.search-toggle {
  color: rgb(255, 255, 255);
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  background: #1D2730;
  padding: 12px 8px 8px;
  width: 50px;
  text-align: center;
  position: relative;
  height: 40px;
}
.search-toggle:hover:after,
.search-toggle.search-active:after{
  border-top: 5px solid #1e73be;;
}
.search-toggle-wrapper{
  position: relative;
}
.site-header-v1 .search-toggle-wrapper::before {
  position: absolute;
  display: block;
  content: "";
  height: 5px;
  width: 100%;
  background: #1D2730;
  bottom: -5px;
  left: 0;
}
.site-header-v1 .search-toggle-wrapper::after {
  position: absolute;
  display: block;
  content: "";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid #121920;;
  bottom: -5px;
  left: -5px;
}
.search-section {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  right: 15px;
  padding: 10px;
  position: absolute;
  top: 54px;
  visibility: hidden;
  z-index: 10000;
}
.search-toggle.search-active ~ .search-section {
  display: block;
  visibility: visible;
}
.search-section .search-arrow {
  background-color: rgb(255, 255, 255);
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px 0 0 1px;
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
  width: 10px;
}
.global-layout-right-search .search-toggle {
  border-right: none;
  border-left: 1px solid rgb(44, 45, 31);
  color: rgb(255, 255, 255);
  float: right;
  padding-right: 0;
  padding-left: 15px;
}
.global-layout-right-search .search-section{
  left: auto;
  right: 15px;
}
.global-layout-right-search .search-section .search-arrow {
  left: auto;
  right: 10px;
}
.search-form {
  position: relative;
}
.search-form input.search-submit{
  font-size: 0;
}
.search-form label input {
  margin: 0;
  padding-right: 55px;
}
.search-form label {
  margin: 0;
}
.page-content .search-form input[type="submit"],
.search-form input[type="submit"] {
  background: #1D2730 url("assest/img/search.svg") no-repeat scroll center center;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 46px;
  transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  background-size: 21px;
}
.page-content .search-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
  background: #1e73be url("assest/img/search.svg") no-repeat scroll center center;
  background-size: 21px;
}

/*    mc4wp-form form styling from here    */

.mc4wp-form {
  position: relative;
}
.mc4wp-form input[type="email"] {
  border: none;
  padding-right: 52px;
}
.mc4wp-form-fields {
  max-width: 100%;
  position: relative;
  width: 100%;
}
.mc4wp-form input[type="submit"] {
  font-size: 0;
}
.mc4wp-form p{
  margin-bottom: 0;
}
.mc4wp-form input[type="submit"] {
  background: #B7BCC0 url("https://shanarobola.com/wp-content/themes/rt-magazine/assest/img/subscribe-icon1.svg") no-repeat scroll center center;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0s ease 0s;
  width: 48px;
  background-size: 20px;
}
.mc4wp-form input[type="submit"]:hover,
.site-footer .mc4wp-form input[type="submit"]:hover{
  background-color: #1e73be ;
}


/*   featured news section styling from here    */
.top-promo-section {
  margin-bottom: 30px;
}
.featured-news-section .post {
  position: relative;
  margin-bottom: 0;
}
.featured-column-list .featured-news-section .post {
  margin-bottom: 20px;
}
.featured-news-section .post-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding: 20px;
}
.featured-column-list .featured-news-section .post-content {
  bottom: 0;
  left: 0;
  right: 0;
}
.featured-news-section .featured-image{
  margin-bottom: 0
}

.featured-news-section .entry-meta {
  padding-top: 3px;
}
.featured-news-section a,
.featured-news-section .entry-meta,
.featured-news-section .entry-meta [class*="fa-"] {
  color: #fff;
}
.featured-news-section .cat-links a{
  text-shadow: 1px 2px 1px rgba(0,0,0,0)
}

/*    news blog styling frm here    */
.featured-column,
.ads-section,
.video-blog,
.life-style-blog,
.featured-column-list,
.mix-column,
.must-see-news-section,
.site-main,
.detail-page-wrapper,
.featured-slider,
.site-main > section {
  margin-bottom: 50px;
}


/*    life style blog styling from here   */

.life-style-blog .post {
  margin-bottom: 20px;
  border-bottom: 1px solid #CEDDE7;
  padding-bottom: 17px;
}
.life-style-blog .no-image .post {
  padding-bottom: 22px;
  margin-bottom: 19px;
}

/*    tech blog styling from here   */
.post.small-post {
  border-bottom: 1px solid #CEDDE7;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
#secondary .widget > .post.small-post:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#secondary .widget > .post.small-post:last-child .featured-image{
  margin-bottom: 0;
}
.mix-column .post {
  border-bottom: 1px solid #CEDDE7;
  padding-bottom: 20px;
}

.mix-column .custom-col-6:nth-child(3n+1){
  clear: both;
}



/*   listing page styling from here   */
.featured-news-section.listing-featured-news-section .post-content {
  bottom: 0;
  left: 0;
  right: 0;
}

/*   tab section styling from here  */

.tab {
  display:none;
}
.tab.active {
  display:block;
}
.tabs ul.tab-links li {
  display: inline-block;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
}
#primary .tabs ul.tab-links li {
  margin: 0 15px
}
#primary .tabs ul.tab-links li:first-child {
  margin-left: 0
}
.widget .tabs ul.tab-links li {
  width: 49.1%;
}
.tabs ul.tab-links {
  border-bottom: 2px solid #CEDDE7;
  margin-bottom: 20px;
  padding-bottom: 15px;
  margin-top: 4px;
}
.tabs ul.tab-links li a,
#secondary ul.tab-links li a{
  font-size: 20px;
  position: relative;
  text-transform: uppercase;
}
.tabs ul.tab-links li.active:before{
  background: #303E4B;
  bottom: -17px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

/*    contact page styling from here   */
.contact-section-wrap {
  background: #EAEBED;
}
.contact-info-section {
  width: 50%;
  float: left;
  padding: 70px 15px
}
.contact-detail {
  max-width: 345px;
  margin: 14% auto 0;
}
.site-footer .contact-detail {
  margin: 0;
}
.site-footer .contact-detail p{
  max-width: 185px;
}
.contact-form-wrap {
  width: 50%;
  float: right;
  background: url("https://shanarobola.com/wp-content/themes/rt-magazine/assest/img/contact-form-bg.jpg") repeat scroll 0 0;
  background-attachment: fixed ;
  background-position: 50% 0;
  background-repeat: no-repeat ;
  background-size: cover ;
  padding: 73px 15px 50px;
  position: relative ;
}
.contact-form-wrap::before {
  position: absolute;
  display: block;
  content: "";
  background: rgba(48, 62, 75, 0.8);
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
}
.contact-form-wrap > .entry-content{
  position: relative;
  max-width: 415px;
  margin: 0 auto;
}
.contact-detail h3 {
  color: #303E4B;
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.18;
  margin-bottom: 25px;
}
.contact-detail p {
  font-size: 25px;
  color: #303E4B;
  font-weight: 500;
}
.site-footer .contact-detail p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 12px;
}
.contact-detail p .fa {
  width: 52px;
  margin-right: 18px;
  font-size: 35px;
  float: left;
}
.site-footer .contact-detail p .fa {
  width: 15px;
  margin-right: 10px;
}
.contact-detail p span {
  width: 83%;
  width: calc(100% - 70px); 
  width: -webkit-calc(100% - 70px); 
  float: right;
  display: block;
}
.site-footer .contact-detail p span {
  width: 90%;
  width: calc(100% - 25px);
  width: -webkit-calc(100% - 25px);
}
.map-section {
  position: relative;
}
.find-btn {
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
  margin: auto;
  width: 170px;
  text-align: center;
}
.find-btn .box-button{
  background: #fff;
  font-size: 25px;
  color: #303E4B;
  border-color: #fff;
  font-weight: 600;
}
.find-btn .box-button:hover{
  background: #303E4B;
  color: #fff;
}

/*   no image styling from here   */

.slider-content.no-image {
  min-height: 360px;
  background: #303E4B;
}
.featured-news-section .post.no-image {
  min-height: 302px;
  background: #303E4B;
}
.listing-featured-news-section.featured-news-section .post.no-image {
  min-height: 350px;
}
.post.middle-news-section.no-image {
  min-height: 264px;
  background: #303E4B;
}
.no-image.post.small-post .post-content {
  float: none;
  width: 100%;
  padding-bottom: 17px;
}
.featured-news-section .row > div {
  margin-bottom: 20px;
}
.featured-news-section .row > div:last-child,
.featured-news-section .row > div:nth-last-child(2) {
  margin-bottom: 0px;
}
.site-footer .featured-news-section .row > div:nth-last-child(2) {
  margin-bottom: 20px;
}
.no-image.image-section {
  background: #303E4B;
}
.featured-news-section .no-image.image-section{
  min-height: 258px;
}
.custom-col-12 .no-image.image-section{
  min-height: 258px;
}

/*  10.0 ===== Footer =====   */

/*   -- "Footer" section (These are the styles for the Footer section) --   */
.site-footer {
  background: #303E4B;
  padding: 20px 0 50px;
}
.site-footer .gallery {
  background: #647380;
}
.site-footer .load-button {
  border: 1px solid #CEDDE7;
}
.footer-branding:hover img {
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}
.footer-branding {
  margin-bottom: 15px;
}
.site-footer .widget-area {
  padding: 22px 0 40px;
  position: relative;
}
.site-footer .textwidget {
  color: rgb(166, 167, 166);
}
.widget-area .widget {
  margin: 0 0 30px;
}
.widget-title {
  display: block;
  font-size: 20px;
  position: relative;
  text-transform: uppercase;
  padding-bottom: 19px;
  color: #303E4B;
  border-bottom: 2px solid #CEDDE7;
  margin: 0 0 18px;
}
.site-footer .widget-title {
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  border-bottom: 2px solid #CEDDE7;
  padding-bottom: 16px;
  line-height: 1.1;
}
.widget-title > span,
.comment-reply-title span {
  display: inline-block;
  position: relative;
}
#secondary .widget-title span::before{
  background: #303E4B;
  bottom: -12px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

.site-footer .widget ul li a {
  text-transform: uppercase;
}
.widget ul li{
  margin-bottom: 12px;
}
.widget ul li:last-child,
#secondary .post:last-child{
  margin-bottom: 0;
}

.site-footer p {
  color: rgb(166, 167, 166);
}
.widget .textwidget h3{
  font-size: 18px;
  margin-bottom: 20px;
  color: rgb(37, 40, 43);
}
.site-footer .textwidget .fa {
  vertical-align: middle;
  width: 25px;
}
.site-footer .contact-detail p .fa {
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.3;
}
.site-footer .widget p,
.site-footer .widget a,
.site-footer .widget li,
.site-footer .widget span{
  color: #fff;
}
.site-footer .widget a:hover{
  color: #1e73be;
}
.site-footer .widget a.load-button:hover,
#secondary .widget a.load-button:hover {
  color: #fff;
}
.site-footer .site-title {
  font-size: 20px;
  margin-bottom: 5px;
}
.site-footer .site-description {
  color: rgb(166, 167, 166);
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 4px;
}
.site-footer ul, 
.site-footer ol {
  list-style: none;
}
.site-footer .widget ul ul li a {
  padding-left: 20px;
}
.site-footer .widget ul ul ul li a {
  padding-left: 30px;
}
.site-footer .widget_recent_entries ul li {
  border: none;
  margin-bottom: 0px;
} 
.site-footer a {
  color: rgb(166, 167, 166);
  display: inline-block;
}
.site-info {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 3px;
}
.site-footer address {
  margin: 0;
}
.site-generator .container {
  align-items: center;
  align-items: -webkit-box;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 
  flex-wrap: wrap;
  flex-wrap: -webkit-box;
  background: #26323D;
}
.copy-right {
  color: #8D9297;
  display: block;
  font-size: 14px;
  padding: 26px 10px;
  text-transform: uppercase;
}
.copy-right a{
  color: #8D9297;
}
.inline-social-icons li,
.widget .inline-social-icons li{
  text-align: center;
}
.site-footer input[type="text"], 
.site-footer input[type="email"], 
.site-footer input[type="search"], 
.site-footer input[type="password"], 
.site-footer input[type="tel"], 
.site-footer input[type="url"], 
.site-footer input[type="date"], 
.site-footer textarea,
.site-footer input[type="reset"], 
.site-footer input[type="button"], 
.site-footer input[type="submit"] {
  color: #000;
}
.site-footer input[type="reset"]:hover, 
.site-footer input[type="button"]:hover, 
.site-footer input[type="submit"]:hover {
  color: rgb(255, 255, 255);
}
.site-footer form input,
.site-footer form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.site-footer .slider-content.no-image,
.site-footer .featured-news-section .post.no-image,
.site-footer .post.middle-news-section.no-image,
.site-footer .no-image.image-section {
  background: #000;
}
.site-footer .entry-meta [class*="fa-"] {
  color: #fff;
}
.site-footer .slider-text {
  width: 95%;
  right: 0;
}
.site-footer .owl-dots,
#secondary .owl-dots,
.site-footer .featured-slider .owl-theme .owl-dots, 
.site-footer .promo-slider-wrapper.owl-theme .owl-dots,
#secondary .featured-slider .owl-theme .owl-dots, 
#secondary .promo-slider-wrapper.owl-theme .owl-dots {
  position: static;
}
.site-footer .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
  margin-bottom: 10px;
}
#secondary .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
}
#secondary .featured-slider .owl-theme .owl-dots .owl-dot span, 
#secondary .promo-slider-wrapper.owl-theme .owl-dots .owl-dot span {
  border: 2px solid #303E4B;
}
#secondary .owl-theme .owl-dots .owl-dot.active span, 
#secondary .owl-theme .owl-dots .owl-dot:hover span {
  background: #303E4B;
}
.archive-description {
  margin-bottom: 20px;
}




/*   -- "Galleries" section (These are the styles for the Galleries section) --   */

.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  width: 50%;
}
.gallery-columns-3 .gallery-item {
  width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  width: 25%;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  width: 11.11%;
}
.gallery-icon a {
  display: block;
}
.gallery-icon img {
  margin: 0 auto;
  width: 100%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.gallery-item {
  float: left;
  text-align: center;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
.gallery-caption {
  bottom: -100%;
  color: rgb(255, 255, 255);
  left: 10px;
  margin: 0;
  padding: 6px;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 89.5%;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -ms-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  transition: all 0.3s ease 0s;
}
.gallery-item:hover .gallery-caption {
  bottom: 0;
}
.top-menu-toggle_bar_wrapper{
  display: none;
}
.post-share{
  margin-bottom: 30px;
}
.post-share .inline-social-icons li {
  width: 26%;
  margin: 0 0 10px;
  padding: 0 5px;
}
.post-share .inline-social-icons li:first-child{
  width: 55px;
}
.post-share .inline-social-icons li a{
  background: #303E4B;
  border: none;
  border-radius: 0;
  padding: 11px 9px 9px;
  width: 100%;
  height: auto;
  min-height: 43px;
  font-size: 16px;
}
.post-share .social-links ul li a::before {
  color: #fff;
  margin-right: 10px;
}
.post-share .inline-social-icons li a[href*="facebook.com"]{
  background: #3B5998
}
.post-share .inline-social-icons li a[href*="twitter.com"]{
  background: #35A3F0
}
.post-share .inline-social-icons li a[href*="plus.google.com"]{
  background: #DD4B39
}

/*   header version two styling from here   */
.site-header-v2 .site-branding {
  margin: 0;
  float: left;
  text-align: left;
}
.site-header-v2 .navbar {
  background: none;
  float: right;
  width: 76%;
  width: calc(100% - 265px);
  width: -webkit-calc(100% - 265px);
  align-items: center;
  align-items: -webkit-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: -webkit-box;
}
.site-header-v2 .home-icon a{
  width: 58px
}
.site-header-v2 .menu-content-wrapper {
  width: 92%;
  width: calc(100% - 58px);
  width: -webkit-calc(100% - 58px);
}
.site-header-v2 .main-navigation li a {
  color: #303E4B;
  border-right: none;
  padding: 4px 35px 5px;
}
.site-header-v2 .home-icon a {
  padding: 19px 15px 30px;
  height: auto;
  margin-top: 29px;
}
.site-header-v2 .main-navigation ul li {
  margin: 20px 0 0;
}
.site-header-v2 .main-navigation ul li ul li{
  margin: 0
}
.site-header-v2 .main-navigation ul li ul li a{
  padding: 10px 14px
}
.site-header-v2 .menu-item-has-children::before {
  color: #303E4B;
}
.site-header-v2 .search-toggle{
  background: none;
}
.site-header-v2 .search-toggle .fa::before{
  color: #303E4B;
}
.site-header-v2 .search-toggle::before,
.site-header-v2 .search-toggle::after,
.site-header-v2 .home-icon a:before,
.site-header-v2 .home-icon a:after{
  display: none;
}
.site-header-v2 .hgroup-wrap {
  border-bottom: 1px solid #303E4B;
  box-shadow: 0px 0px 9px 2px rgba(48, 62, 75, 0.3);
}
.site-header-v2 #left-search {
  margin-top: 14px;
}
.site-header-v2 .search-section {
  top: 80px;
  right: 0;
}

/*   header version three styling from here   */
.site-header-v3 .topbar {
  background: none;
}
.site-header-v3 .topbar-wrapper {
  background: #303E4B;
  padding-left: 15px;
}
.hgroup-wrap .ads-section {
  width: 60%;
  margin-left: 16.6%;
  margin-bottom: 0
}
.site-header-v3 .site-branding {
  margin: 45px 0;
  text-align: left;
}
.site-header-v3 .navbar{
  background: none;
}
.site-header-v3 .navbar .container,
.site-header-v3 .home-icon a:hover {
  background: #303E4B;
}
.site-header-v3 .home-icon a {
  background: #fff;
  color: #303E4B;
  border: 2px solid #303E4B;
  height: 52px;
  border-radius: 50px;
  text-align: center;
  padding: 10px 10px 4px;
  width: 52px;
}
.site-header-v3 .home-icon a::before,
.site-header-v3 .home-icon a::after{
  display: none;
}
.site-header-v3 .home-icon {
  position: absolute;
  left: 0;
  top: -8px;
}
.site-header-v3 .search-toggle{
  background: none;
  padding: 9px 8px 8px;
}
.site-header-v3 .search-toggle:hover .fa,
.site-header-v3 .search-toggle.search-active .fa{
  opacity: 0.6;
}
.site-header-v3 .navbar > .container::before {
  position: absolute;
  display: block;
  content: "";
  border-right: 14px solid #121920;
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  bottom: -7px;
  left: 0;
}
.site-header-v3 .navbar > .container::after {
  position: absolute;
  display: block;
  content: "";
  border-left: 14px solid #121920;
  border-bottom: 7px solid rgba(0, 0, 0, 0);
  bottom: -7px;
  right: 0px;
}
.site-header-v3 .home-icon a:hover{
  color: #fff;
  border-color: #fff;
}



.breadcrumb,
.breadcrumb a:hover,
.current-item a,
.pagination a:hover,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus,
#wp_page_numbers li > a:hover,
.wp-pagenavi li > a:hover,
#main ul.default-wp-page li > a:hover,
.site-footer a:hover,
.mean-container a.meanmenu-reveal,
.contact_details a:hover,
.load-button:hover {
  color: #fff;
}
.back-to-top a:hover,
.box-button,
.wp-caption-text,
.widget_tag_cloud a:hover,
.page-title-wrap,
#bbpress-forums button:hover,
.portfolio-gallery-menu li:hover,
.widget_search .search-submit,
.slider-btn .box-button::before {
  background-color: #303E4B ;
}
.comment-list .children .avatar,
blockquote{
  border-color: #303E4B;
}
.top-promo-section .entry-meta > span,
.top-promo-section .entry-meta a,
.top-promo-section .entry-meta .fa:before,
.featured-slider .entry-meta > span,
.featured-slider .entry-meta a,
.featured-slider .entry-meta .fa:before,
.promo-slider-wrapper .entry-meta > span,
.promo-slider-wrapper .entry-meta a,
.promo-slider-wrapper .entry-meta .fa:before{
  color: rgba(255, 255, 255, 0.75)
}
.gallery-information {
  background: rgba(48, 62, 75, 0.9) none repeat scroll 0 0;
}
::selection {
  background:  rgba(48, 62, 75, 0.9) none repeat scroll 0 0; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: rgba(48, 62, 75, 0.9) none repeat scroll 0 0; /* Gecko Browsers */
  color: #fff;
}
.box-button:hover,
.box-button:active,
.box-button:focus,
.load-button:hover,
.box-button::before,
.wpcf7-submit[type="submit"]::before,
.load-button::before,
.slider-btn .box-button,
.back-to-top a,
#secondary .mc4wp-form input[type="submit"]:hover,
.post-navigation .nav-links a:hover,
.posts-navigation .nav-links a:hover,
.form-submit input[type="submit"]:hover,
.comment-form p input:focus + .comment-input-icon,
.widget-social-link .inline-social-icons li a:hover {
  background-color: #1e73be  ;
}
.main-navigation > ul > li > a:hover,
.inline-social-icons.social-links ul li a:hover::before,
.entry-title a:hover,
.site-content .entry-header .entry-meta:last-child a:hover,
.site-content .entry-header .entry-meta:last-child span a:hover,
.entry-content > a:hover,
.author-details a:hover,
.top-bar a:hover,
.video-post-section > a:hover .entry-title,
.topbar a:hover,
.video-blog .post.small-post:hover .entry-title,
.contact-detail a:hover,
.author-text p a:hover {
  color: #1e73be;
}
.slider-btn .box-button,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
textarea:focus,
.site-footer input[type="reset"]:hover, 
.site-footer input[type="button"]:hover, 
.site-footer input[type="submit"]:hover,
.site-footer .load-button:hover  {
  border-color: #1e73be ;
}
.widget-post-author .social-links ul li a:hover:before,
.post-share .social-links ul li a:hover:before {
  color: #fff;
}

/************************** Added Css ***************************************************/
.global-layout-left #primary{
  float: right;
}

.global-layout-left #secondary{
  float: left;
}

.layout-boxed #page {
  max-width: 1170px;
  margin: 0 auto;
}
.load-button-wrap {
  margin-bottom: 35px;
}

/*    news grid styling from here    */
.news-grid-section .post-content {
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
}
.home-featured-slider > .container {
  padding: 0;
}
.news-grid-item-wrapper{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  margin: 0 -7px;
}
.news-grid-section .post {
  position: relative;
  margin-bottom: 0;
}
.news-grid-item-wrapper .post {
  padding: 0 7px;
}
.news-grid-item-wrapper .featured-image {
  margin-bottom: 0;
}
.news-grid-section > div:first-child{
  margin-bottom: 15px;
}
.news-grid-section a, 
.news-grid-section .entry-meta,
.news-grid-section .entry-meta a,  
.news-grid-section .entry-meta [class*="fa-"] {
  color: #fff;
}
.news-grid-section .entry-meta > span {
  font-size: 9px;
  margin-right: 3px;
}
.home-featured-slider {
  margin-bottom: 30px;
}
.home-featured-slider .featured-slider {
  margin: 0;
}

.home-featured-slider .slider-content.no-image {
  min-height: 340px;
}