/*
Theme Name: Tagora Business
Theme URI: https://sensationaltheme.com/downloads/tagora-business-free/
Template: corpobell
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Tagora Business is a multi-purpose WordPress theme with practically unlimited options for customization, making it an excellent choice for any business. This theme comes with lots of features such as column layout options for front page sections. It can be used to create any type of website like consultancy, finance, corporate, travel, education, medical. It is responsive, SEO friendly, speed optimized, and translation ready.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 5.6
Text Domain: tagora-business
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, entertainment

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.

Tagora is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
body {
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Lota', cursive;
}
#masthead{
	padding: 0;
	background-color: #fff;
	font-family: IBM Plex Sans;
}
.main-navigation .menu-item-has-children > a::after {
	content: "+";
}
.site-title a {
  color: #000;
}
.section-header {
  margin-bottom: 50px;
  text-align: left;
  position: relative;
}
.section-title {
  position: relative;
  padding-left: 50px;
}
.section-title:before {
  content: "";
  position: absolute;
  width: 40px;
  left: 0;
  top: 50%;
  right: auto;
  border: 2px solid #000;
  border-radius: 3px;
}

.btn{
  border-bottom-right-radius:35px !important;
  border-top-left-radius:35px !important;
  border-radius: 0;
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"]{
  border-bottom-right-radius:20px !important;
  border-top-left-radius:20px !important;
  border-radius: 0;
}
.slick-prev, .slick-next{
  border-radius: 0;
}

.featured-content-wrapper {
  padding: 30px 30px 30px 40px;
  text-align: left;
  margin-left: 30px;
  margin-right: auto;
  position: absolute;
  max-width: 600px;
  width: 100%;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom-right-radius:100px;
  border-top-left-radius:100px;
}
.featured-content-wrapper .entry-title {
  font-size: 42px;
  margin-bottom: 25px;
  font-weight: 500;
}

.featured-content-wrapper .entry-content p, 
#featured-slider article .entry-content {
  color: #fff;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}
.service-item-wrapper {
  padding: 20px;
  display: block;
  flex-direction: row;
  transition: none;
  border: 1px solid #000;
  border-bottom-right-radius:50px;
  border-top-left-radius:50px;
}
.service-item-wrapper:hover {
  background-color: #fff;
  border: 1px solid #42a7f5;
  transform: none;
  box-shadow: none !important;
}
#services, 
.blog-item-wrapper {
  background-color: #fff;
}
#services .icon-container a {
  border-radius: 0;
  border-bottom-right-radius:15px !important;
  border-top-left-radius:15px !important;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  background-color: #42a7f5 !important;
}

.entry-title a,
#services .entry-title a {
  color: #000;
}
.blog-item-wrapper .entry-title a:hover, 
.blog-item-wrapper .entry-title a:focus,
.entry-title a:hover,
#services .entry-title a:hover {
  color: #42a7f5 ;
}
#services .service-content {
  padding-left: 0;
}
#about .featured-image {
  border-bottom-right-radius:100px !important;
  border-top-left-radius:100px !important;
}
.about-item-wrapper {
  padding: 10px;
  display: block;
  width:50%;
  float: left;
  transition: none;
  background-color: transparent;
}
.about-item-wrapper:hover {
  box-shadow: none ;
  transform: none;
  padding: 10px;
}
#about{
  background-color: #e9e9e9;
}
#about .entry-container {
  background-color: #fff;
  border-bottom-left-radius:100px !important;
  border-top-right-radius:100px !important;
}
#about .about-content {
  background-color: #e9e9e9;
  padding: 15px;
  border-bottom-right-radius:25px !important;
  border-top-left-radius:25px !important;
}
#about .icon-container{
  display: none;
}
#about .section-header{
  margin-bottom: 20px;
}
#about .entry-header{
  margin-bottom: 10px;
}
#cta .section-header{
  text-align: center;
  font-size: 36px;
}
#cta .section-header h3{
  text-align: center;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  max-width: 750px;
  margin: 0 auto 20px;
}
#cta .section-title{
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
#gallery,
#cta .section-title:before{
  display: none;
}
#team{
  background-color: #e9e9e9;
}
.team-section .team-image {
  padding: 100px 0;
  border-radius: 0;
  border-bottom-right-radius:50px !important;
  border-top-left-radius:50px !important;
}

#blog .col-3 article{
    width: 100%;
    margin-bottom: 30px !important;
}
#blog article .featured-image{
    width: 50%;
    float: left;
    border-radius: 0;
    border-bottom-right-radius:100px !important;
    border-top-left-radius:100px !important;
}

#blog article .entry-container{
    width: 50%;
    float: right;
}
.blog-item-wrapper .entry-meta .cat-links a {
  padding: 5px 5px;
  display: inline-block;
  border-radius: 50px;
  color: #fff;
  margin-top: 10px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-item-wrapper .entry-meta .cat-links li:after{
  content: "," !important;
  display: inline-block !important;
}
.blog-item-wrapper .entry-meta .cat-links li:last-child:after{
  display:none !important;
}
.blog-item-wrapper .entry-meta .cat-links li a{
    background-color: transparent !important;
    color: #999 !important;
    border: none !important;
    padding: 5px 5px;
    border-radius: 0px;
    margin-top: 0px;
    font-weight: 400;
}
.blog-item-wrapper .entry-meta .cat-links a:hover, 
.blog-item-wrapper .entry-meta .cat-links a:focus {
    border: none !important;
    color: #42a7f5 !important;
}

article .blog-item-wrapper, 
.blog-item-wrapper .entry-meta .cat-links a {
    transition: none !important;
}
.blog-item-wrapper:hover, .service-item-wrapper:hover {
  background-color: #fff;
  box-shadow: none;
  transform: none;
}
.btn.btn-transparent:hover, 
.btn.btn-transparent:focus {
    box-shadow: none;
    background-color: #42a7f5;
    color: #fff;  
    border: 2px solid #42a7f5;
}
.btn.btn-primary:hover, 
.btn.btn-primary:focus,
.btn.btn-transparent {
    box-shadow: none;
    background-color: transparent;
    color: #42a7f5;
    border: 2px solid #42a7f5;
}
#colophon .site-info a {
  color: #fff;
  font-weight: 600;
}
#blog.page-section{
  padding-bottom: 10px !important;
}
@media screen and (min-width: 567px) {
  #featured-slider article {
	  padding: 200px 0;
	}
  .about-item-wrapper {
    width:100%;
    float: left;
  }
  #about .about-item-wrapper:nth-child(3n+1){
    clear: left;
  }
  #blog article .featured-image{
      width: 100%;
      float: none;
  }

  #blog article .entry-container{
      width: 100%;
      float: none;
  }
}
@media screen and (min-width: 767px) {
  #blog article .featured-image{
      width: 50%;
      float: left;
  }

  #blog article .entry-container{
      width: 50%;
      float: right;
  }
}
@media screen and (min-width: 1024px) {
    #featured-slider article {
	  padding: 300px 0;
	}
  .about-item-wrapper {
    width:50%;
    float: left;
  }
  #about .entry-container {
    padding: 15px;
  }
	.featured-content-wrapper .read-more{
		margin-bottom: 0;
	}
  .main-navigation ul.nav-menu > li {
      padding: 22px 15px;
    }
}
@media screen and (min-width: 1200px) {
  #about .entry-container {
    padding: 30px;
  }
}
.backtotop:hover{
  background-color: #000;
}

#featured-sider .overlay{
  background-color: transparent;
}
#cta .overlay{
  background-color: #000;
}
.main-navigation ul ul li:hover,
.main-navigation ul > li ul li:hover > a, 
.main-navigation ul > li ul li.focus > a,
.team-section .position::after,
.btn-primary,
.btn.btn-primary,
#counter .overlay,
#video .overlay,
#information .information-content,
.overlay-bg,
.popup-video,
.backtotop,
.widget_search form.search-form button.search-submit,
.reply a,
.woocommerce #respond input#submit:hover,
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.slick-dots li.slick-active button,
#testimonial,
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus{
    background-color: #42a7f5;
}


h1,
h2,
h3,
h4,
h5,
h6,
a,
#cta .section-header h3,
#gallery .entry-container i,
.team-section .social-icons li a,
.post-categories a,
.main-navigation ul#primary-menu > li:hover > a, 
.main-navigation ul#primary-menu > li.focus > a,
.main-navigation ul.nav-menu .current_page_item > a, 
.main-navigation ul.nav-menu .current-menu-item > a, 
.main-navigation ul.nav-menu .current_page_ancestor > a, 
.main-navigation ul.nav-menu .current-menu-ancestor > a
{
   color: #42a7f5;
}

.btn-primary,
.btn.btn-primary:hover, 
.btn.btn-primary:focus
.tags-links a,
.reply a,
.popup-video,
#kidproduct .product a.button,
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
   border-color: #42a7f5;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus,
.tags-links a,
.tags-links a:hover,
.tags-links a:focus,
.reply a:hover,
.reply a:focus,
#gallery .entry-container i:hover,
#gallery .entry-container i:focus  {
    background-color: #000;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.tags-links a,
.tags-links a:hover,
.tags-links a:focus,
.reply a:hover,
.reply a:focus{
    border-color: #000;
}

.logged-in-as a,
.logged-in-as a:hover,
.logged-in-as a:focus,
a:hover,
a:focus,
a:active,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.icon-play a:hover,
.icon-play a:focus,
#information .section-subtitle,
#details .section-subtitle,
#about .section-subtitle,
#information .information-content,
.entry-title a:hover,
.entry-title a:focus,
.team-section a .entry-title:hover,
.team-section a .entry-title:focus,
.team-section .position:after,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:hover:before,
.entry-meta a:focus:before,
#colophon a:hover,
#colophon a:focus,
#colophon li:hover:before,
#secondary li:hover:before,
#colophon .site-info a:hover,
#colophon .site-info a:focus,
.woocommerce ul.products li.product .price,
#secondary a:hover,
#secondary a:focus, 
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.blog-posts-wrapper .entry-meta a:hover,
.blog-posts-wrapper .entry-meta a:focus,
.blog-posts-wrapper .read-more a:hover,
.blog-posts-wrapper .read-more a:focus,
.blog-posts-wrapper .entry-meta a:hover:before, 
.blog-posts-wrapper .entry-meta a:focus:before {
    color: #42a7f5;
}