/*
Theme Name:  Monstroid
Theme URI:   http://www.templatemonster.com/wordpress-themes/monstroid/
Description: Monstroid is powered by the latest Cherry Framework 4 that ensures easy and worry-free installation and customization. With over 30 inbuilt premium extensions, you can get any kind of functionality required for a specific project. Thanks to the brand new backup options, you can restore the theme any time you need.
Author:      Monstroid Team
Author URI:  http://www.templatemonster.com
Version:     1.1.2
License:     GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags:        fixed-layout, fluid-layout, responsive-layout, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: monstroid
Template:    cherryframework4
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.transformSelect ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #ebebeb #ebebeb;
border-image: none;
border-radius: 0 0 5px 5px;
border-style: none solid solid;
border-width: 0 1px 1px;
height: 300px !important;
overflow-y: auto!important;
position: absolute;
width: 100%;
}
.footer-copyright, .footer-social {
  display: inline;
}
.footer-social {
  float: right;
}

#magic-line-left, #magic-line-right, 
.before-menu, .after-menu {
	display: none !important;
}

.motopress-code-obj .tick {
	margin: 0;
}
.motopress-code-obj .tick li:before {
	content: "\f00c" !important;
	list-style-type: none !important;
	font-family: FontAwesome !important;
	color: white;
	position: absolute;
	left: 15px;
}
.motopress-code-obj .tick.color1 li:before {
	color: black;
}

.motopress-code-obj .tick li {
	padding-left: 30px;
	list-style-type: none !important;
}

.site {
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}

.site-info .footer-social .fa.cherry-icon {
	font-size: 30px;
	margin-right: 15px;
	color: #ffffff;
}

div.wpcf7 .wpcf7-form-control-wrap input[type="text"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="password"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="number"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="email"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="url"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="search"], 
div.wpcf7 .wpcf7-form-control-wrap input[type="tel"] {
	max-width: none !important;
}

.trans-element > li > span {
	font-size: 1.25rem;
	font-weight: normal;
}

.transformSelect span, 
.transformSelect input[type="text"] {
	margin-top: -7px !important;
	background: #fff !important;
	padding: 11px 15px !important;
	line-height: 29px !important;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
	color: #777777 !important;
}

@media (min-width:768px){
	.cherry-breadcrumbs .container-fluid .row .page-title {
		display: inline-block;
		position: absolute;
		left: 20px;
		bottom: 10px;
		z-index: 1;
	}
	.cherry-breadcrumbs .container-fluid.with-background .row .title-wrapper.with-background {
		padding: 150px !important;
	}
}
@media (max-width:767px){
	.cherry-breadcrumbs .container-fluid.with-background .row .page-title {
		bottom: 0!important;
		display: inline-block !important;
		left: 0!important;
		position: absolute !important;
	}
	.cherry-breadcrumbs .container-fluid.with-background .row .title-wrapper.with-background {
		padding: 5rem 0 !important;
	}
	.motoslider_wrapper .ms_wrapper {
		height: 400px!important;
	}
	.footer-copyright, .footer-social {
		width: 100%!important;
	}
	.footer-social {
		margin-top: 10px;
	}
}

@supports (-webkit-appearance:none) { 
	.box-polygon-1.inner { margin-top: -15px !important; }
	.box-polygon-4.inner { margin-top: -15px !important; }
}

div.icon-align ~ div.cherry-box h1, div.icon-align ~ div.cherry-box h2, div.icon-align ~ div.cherry-box h3, div.icon-align ~ div.cherry-box h4, div.icon-align ~ div.cherry-box h5, div.icon-align ~ div.cherry-box h6, div.icon-align ~ div.cherry-box p {
	word-wrap: inherit !important;
}