.smblog_masonry_numcol .sm-post-title{
	font-size: 21px;
    font-weight: bold;
    line-height: 25px;
}

.smblog_masonry_numcol .sm-post-title a:hover{
    text-decoration:none!important;
	color:#009fb5;
}

.social-icons-list-widget .fa-skype li a {
	width:50px;
	height:50px;
}


.fa-skype:before{
	content:none;
}

.social-icons-list-widget.icons_about_widget_display li a.skype:hover {
	color: red!important;
}


/*.jl_header_magazine_style.header_layout_style3_custom #mainmenu > li > ul, .jl_header_magazine_style.header_layout_style3_custom #mainmenu > li > .sub-menu{
	display:none;
}

.navigation_wrapper .menu-item-has-children > a:after, .navigation_wrapper .menupost > a:after{
	display:none;
}
*/


.category_image_wrapper_main .category_image_bg_image {
	line-height:38px;
	min-height:38px;
}

.jl_large_builder.jelly_homepage_builder .jl_post_title_top, .jl_large_builder.jelly_homepage_builder .post-entry-content {
    margin-bottom: 0px !important;
	padding: 0px 0px;
}

.jl_large_sw{
	display:none;
}

.jl_hide_m_top .jl_home_bw {
	margin-top: -100px;
}

.blog_large_post_style .jl_post_title_top .single-post-meta-wrapper{
	display:none;
}

footer .widget-title h2{
	font-size:10px;
	color:red;
	text-transform:lowercase;
}

#menu-footer-menu li a {
    text-decoration: none;
    color: #f3f3f3;
    font-size: 12px;
}

#breadcrumbs {
	font-size: 85%; color: #8e908f;
	margin:7em 0 0 5px;
}

.home #breadcrumbs {
  display: none;
}

.row {
	margin-bottom: 10px;
}

.grid-sm-border{
	padding:15px;
}



/* Andrei */

#content .col-md-6, .comment-form-author, .comment-form-email, .comment-form-url{
    width: 50%;
}


.jl_home_bw{
  padding-top: 0px;
}

.main_title_wrapper .categories-title.title{
    font-size: 35px;
    margin: 0px 0px 0px 0px;
    color: #000;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
}

h1.categories-title{
  padding-left:13px;
  margin-top:0.3em;
  margin-bottom:0px;
}

h2.atcategory{
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  padding: 0px;
  font-size: 16px;
}

.ataccordion-wrapper {
  margin-top:0px;
  margin-bottom:20px;
  border: 1px;
  border-color: #eeeeee;
  border-style: solid;
}

.ataccordion {
  background-color: #f3f3f3;
  color: #000000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .ataccordion:hover {
    background-color: #eeeeee;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .atpanel {
    padding: 0px;
    background-color: white;
    overflow: hidden;
    padding-bottom:10px;
    padding-left:20px;

}
  
  .ataccordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 10px;
    color: #eeeeee;
    float: right;
    margin-left: 5px;
  }
  
  .atactive:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

  .atcategory {
    padding: 0px;
    padding-bottom: 5px;
    width: 250px;
    float: left;
    font-weight: 100 !important;
}
 

  @media (max-widdth: 720px) {
  
    .atpanel {
        display: none;
    }

    .ataccordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
      }
      
      .atactive:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
      }
}

.atfheader {
  font-size: 14px;
  font-weight: 700 !important;
  margin-bottom: 5px;
}

.atfmasonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.atfmasonry .atfitem {
  width: 250px;
  margin-bottom: 0px;
  margin-top: 0px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
  font-weight: 100 !important;
}

.atfitemh {
  font-weight: 100 !important;
}

h3.atfitemh {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 3px;
  font-style: normal;
}

.atfitem a {
  font-size: 14px;
  color:#00a3b9;
  font-weight: 100;
}
.atfitem a:hover{
  color:#e22b26;
  text-decoration: none !important;
}

.atcategory a {
  color:#00a3b9;
  font-weight: 100 !important;

}
.atcategory a:hover{
  color:#00e1ff;
  text-decoration: none !important;
}h2.atcategory{
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  padding: 0px;
  font-size: 16px;
}

.ataccordion-wrapper {
  margin-top:0px;
  margin-bottom:20px;
  border: 5px;
  border-color: #eeeeee;
  border-style: solid;
	  padding: 2px;

}

.ataccordion {
  background-color: #f3f3f3;
  color: #000;
  font-weight:700;
  font-size:14px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  outline: 2px solid #fff;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .ataccordion:hover {
    background-color: #eeeeee;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .atpanel {
    padding: 0px;
    background-color: white;
    overflow: hidden;
    padding-bottom:10px;
    padding-left:20px;

}
  
  .ataccordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 10px;
    color: #eeeeee;
    float: right;
    margin-left: 5px;
  }
  
  .atactive:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
  }

  .atcategory {
    padding: 0;
    padding-bottom: 8px;
	width:250px;
	margin-right: 100px;  
    float: left;
	font-size:14px!important;	
	line-height:24px;  
}


  @media (max-width: 720px) {
  
    .atpanel {
        display: none;
    }

    .ataccordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
      }
      
      .atactive:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
      }
}

.atfmasonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
	margin-top:20px;
}

/* Masonry item */
.atfmasonry .atfitem {
  width: 250px;
  margin-bottom: 30px;
  margin-right:30px; 
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

.atfitem a {
  color:#009eb3;
}
.atfitem a:hover{
  color:#00cbe6;
  text-decoration: none !important;
}


.at-image-carousel {
  text-transform: none !important;

  color: #fff;
}

.at-image-carousel  h4 {
  text-transform: none !important;
  font-size: 12 !important;
  font-weight: regular;
}


@media only screen and (min-width:480px) and (max-width:767px) {
  .at-image-carousel  h4 {
    font-size: 9pt !important;
  }  
  .at-image-carousel  h3 {
    font-size: 11pt !important;
  }  
}

@media only screen and (max-width:767px) {
  .at-image-carousel  h4 {
    font-size: 8pt !important;
  }  
  .at-image-carousel  h3 {
    font-size: 13pt !important;
  }  
}


.jl_main_with_right_post .jl_post_meta .jl_author_img_w a, .jl_main_with_right_post .jl_post_meta .jl_author_img_w a:hover, .jl_main_with_right_post .jl_post_meta .post-date{
  color: #818181;
}

.jl_header_magazine_style.header_layout_style3_custom .logo_small_wrapper_table .logo_small_wrapper a img{
  max-height: 40px;
}


.masonry-with-columns {
  columns: 3 200px;
  column-gap: 1rem;
}
.masonry-with-columns div {
  width: 33%;
  background: #EC985A;
  color: white;
  margin: 0 1rem 1rem 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-family: system-ui;
  font-weight: 900;
  font-size: 2rem;
}