/*
Theme Name:         Opi Core Theme
Theme URI:          https://roots.io/sage/
Description:        OPI Core theme build based on Sage - WordPress starter theme. <a href="none">Contribute on GitHub</a>
Version:            1.0.1
Author:             CommandMedia
Author URI:         https://www.commandmedia.net/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@media (max-width: 768px) {
  .hide-tablet{
		display: none !important;
	}
	.show-mobile{
		display: block !important;
	}
	.custom-navbar .navbar-brand{
		margin: 0 auto !important;
		margin-right: 0 !important;
		float: none !important;
	}
  /*style for Header sub-menus on tablet devices*/
	.navbar-toggle {
	    display: block !important;
	}
	.navbar-header {
	    float: none !important;
	}
	.container-fluid>.navbar-collapse{
	    margin-right: -15px !important;
	    margin-left: -15px !important;
	}

  #menu-image-icon { display: none; }

  /*style for Header search on tablet devices*/
  .form-group {
		margin: 0 !important;
		padding: 20px !important;
	}
	.form-control{
		width: 100% !important;
		font-size: 16px;
	}
	#btn-search, #btn-search-mobile{
		color: white !important;
		background-color: #6c3a83 !important;
		float: none !important;
	}
}

@media (max-width: 320px) {
  .container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .single-partner-content .main, .single-partner-content .social-side, .single-partner-content .entry-title, .single-partner-content .partner-content-single-head{
	width: 90% !important;
  }
}

.icon{
  display: inline-block;
  color: #b90000;
}

/* OPI-1736 set image carousel navigations go behind navbar mobile back */
.opi-core-tgi .navbar-collapse-mobile,
.opi-core-hth .navbar-collapse-mobile,
.opi-core-wht .navbar-collapse-mobile{
  z-index: 10000 !important;
}

article .crop-thumbnail-bigfirst,
article .crop-thumbnail {
  max-height: 350px;
  overflow: hidden;
  position: relative;
}

article .crop-thumbnail-bigfirst .icon,
article .crop-thumbnail .icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #080808;
  color: #fff;
  padding: 5px 8px;
  opacity: 0.8;
}

/*single-partner-content*/
.single-partner-content > .header-ad > .col-fixed-right,
.single-partner-content > .footer-ad,
.single-partner-content .insticator-ad,
.single-partner-content .sidebar,
.single-partner-content .comments-wrapper,
.single-partner-content #comments-wrapper,
.single-partner-content #zergnet-widget-61508{
	display:none;
}

.single-partner-content .main{
	width: 70% !important;
	float: none !important;
	margin: auto;
	padding-bottom: 30px;
}

/* .single-partner-content .entry-content img{
	width: 100% !important;
} */

.single-partner-content .partner-content-single-head{
	padding-top: 30px;
	width: 70%;
	margin: auto;
	float: none;
}

.single-partner-content .entry-title {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.single-partner-content .entry-content {
	font-size: 18px;
	line-height: 26px;
	color: #383838;
	word-wrap: break-word;
	margin-top: 30px;
}

.single-partner-content .social-side {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.single-partner-content .entry-content .social-side {
	width: auto;
}

.single-partner-content .entry-content h5 {
	margin-top: 30px;
}

.single-partner-content .entry-content p {
	margin-bottom: 20px;
}

.single-partner-content .entry-content .cta {
	width: 100%;
	display: block;
	color: #fff;
	background: #0083BF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	margin-top: 20px;
}

.single-partner-content .entry-content .cta:hover {
	color: #fff;
	background: #015788;
}

/* TGI and HTH specific styles */
@media (max-width: 576px) {
	.opi-core-tgi .single-partner-content .main,
	.opi-core-tgi .single-partner-content .partner-content-single-head,
	.opi-core-tgi .single-partner-content .entry-title,
	.opi-core-tgi .single-partner-content .entry-content,
	.opi-core-tgi .single-partner-content .social-side,
	.opi-core-hth .single-partner-content .main,
	.opi-core-hth .single-partner-content .partner-content-single-head,
	.opi-core-hth .single-partner-content .entry-title,
	.opi-core-hth .single-partner-content .entry-content,
	.opi-core-hth .single-partner-content .social-side
  { width: 100% !important; }
}

/* TGI and HTH specific styles */
.opi-core-tgi .single-partner-content .entry-content .cta,
.opi-core-hth .single-partner-content .entry-content .cta
{
	background: #00a65d;
}

.opi-core-tgi .single-partner-content .entry-content .cta:hover,
.opi-core-hth .single-partner-content .entry-content .cta:hover
{
	color: #eee;
	background: #006337;
}

/*end single-partner-content*/