/*
Theme Name:   Capital Beneficios
Theme URI:    http://wwww.clashdesign.com.br
Description:  Tema Filho
Author:       Clash Design
Author URI:   http://www.clashdesign.com.br
Template:     Zephyr
Version:      1.0.0
*/

/*paleta de cores - 
verde        : 0f4a57
verde hover  : 166370

*/

/* BASIC RESET */
* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
	text-decoration:none;
	outline:0 !important;
} 	

html,
.l-header
.widget,
.menu-item-object-us_page_block {
	font-weight:400 !important;
}

a,
.transparent-iconbox .w-iconbox,
.acesso-rapido .wrapper-acesso-rapido {
	transition:all 250ms ease 0s !important;	
}

.l-canvas {
	overflow:hidden;
}

/* UPPERCASE */

.widget-contact .w-iconbox-title {
	text-transform:uppercase;
}

.w-text {
	font-size:0.8em !important;	
	font-weight:500;
}

.w-btn i {
	vertical-align:middle !important;
}

.hide-all,
.show-mobile,
.page-id-6061 .cta-contato {
	display:none !important;
}

.centralize {
	margin:0 auto;
}

/* BTN WITH ICON */

.btn-with-icon {
	display:flex;
}

.btn-with-icon .w-btn-label {
	display:inline-flex;
	align-items:center;
}

.btn-with-icon .fab,
.btn-with-icon .fas,
.btn-with-icon .material-icons {
	font-size:22px !important;
	margin-left:12px !important;
}

.topbar-button {
	display:flex;
	align-items:center;
}

.topbar-button i {
	font-size:18px;
}


/* IMAGE EFFECTS */

.image-effects img {
	border-top-left-radius:50px;
	border-bottom-right-radius:50px;
}

.border-offset-effect .w-image-h::before {
	content:'';
	width:100%;
	height:100%;
	border:1px solid #cccccc;
	position:absolute;
	top:-40px;
	left:40px;
	z-index:-9;
}

.shadow-offset-effect img {
    box-shadow:40px -40px 0 0 rgba(0,0,0,0.15);
}


/* CONTACT FORM */ 

.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	margin-top:12px !important;
}

input[type="radio"],
input[type="checkbox"] {
	width:14px;
	height:14px;
	margin-top:4px !important;
	margin-right:10px !important;
}

.aceite span {
	font-size:15px !important;
}

.custom-legend {
	font-size:0.95em;
	margin-top:10px;
}

.wpcf7-form select.custom-select {
	margin-top:0 !important;
}

textarea {
	height:100px !important;
	margin-bottom:10px;
}

.wpcf7-form-control.has-spinner.wpcf7-submit.btn-enviar {
	margin-top:20px;
	line-height:8px !important;
}

.fullwidth-btn {
	width:100%;
}

.wpcf7-not-valid-tip,
.wpcf7-validates-as-required span {
	font-size:0.8em;
}

.wpcf7 form .wpcf7-response-output {
	overflow:hidden;
	display:inline-block;
	margin-top:70px !important;
}

.half-column {
	width:50%;	
}

.full-column {
	width:100%;	
}

.half-column,
.full-column {
	float:left;	
}

.field-padding {
	padding-right:10px;	
}

.required-fields {
	font-size:12px;
}

::-moz-placeholder {
	opacity:0.7;
}

:-ms-input-placeholder {
	opacity:0.7;
}

::-webkit-input-placeholder {
	opacity:0.7;
}


/* WIDGET CONTACT */

.widget-contact .w-iconbox-title {
	font-weight:500;
	letter-spacing:0.15em;
}

.dark-theme .widget-contact i,
.dark-theme .widget-contact .w-iconbox-text,
.dark-theme .widget-contact .w-iconbox-title,
.dark-theme .widget-contact .w-iconbox-text a {
	color:#ffffff;
}

.dark-theme .widget-contact .w-iconbox-text a:hover {
	color:#dddddd;
}


/* STANDARD LIST */

.single-post ul,
.standard-list ul,
.privacy-policy-page ul {
	margin-left:18px;
}

.single-post li,
.standard-list li,
.privacy-policy-page li {
	list-style:disc;
}

.single-post li::marker,
.standard-list li::marker,
.privacy-policy-page li::marker {
	color:#0f4a57;
}

.w-comments li {
	list-style:none !important;
}

.privacy-policy-page a {
	text-decoration:underline;
}

.widget li {
	font-size:0.95em;
	margin-bottom:20px;
}


/* CODEPEN LISTS */

.codepen-list ul {
	margin-left:0;
}

.codepen-list ul li {
	list-style:none;
	position:relative;
	padding:0 0 0 25px;
	margin-bottom:10px;
}

.codepen-list .checkmark li::before {
  content:"";
  position:absolute;
  left:2px;
  top:6px;
  width:5px;
  height:10px;
  border:solid #ff6600;
  border-width:0 2px 2px 0;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* AVISO DE COOKIES */

.l-cookie {
	font-size:0.88em;
	line-height:1.3;
	padding:20px;
}

.l-cookie .w-btn {
	font-size:12px !important;
}


/* FOOTER */

.contacts-footer .w-iconbox-text {
	font-size:0.7em;
	letter-spacing:0.3em;
	font-weight:400;
}

.footer-menu li {
	margin-bottom:15px !important;
}

.reset-margin-bottom li {
	margin-bottom:0 !important;
}

.g-loadmore {
	margin-top:30px;
}

.extra-gap .vc_column-inner {
	padding-right:60px !important;
}

.pagination > :not(.custom) .page-numbers {
	font-size:15px;
	font-weight:600;
	width:40px;
	height:40px;
	line-height:40px;
}


/* GRID NAV CAROUSEL BUTTON */

.navstyle_6 > .owl-nav button {
	width:60px !important;
	height:60px !important;
}

/* ---------------------------------------------------------------------------------- */


/* CUSTOM HEADING 4 */

.custom-heading-4 {
	text-align:center;
	position:relative;
}

.custom-heading-4 h2 {
	display:inline-block;
	margin-top:30px;
	padding-bottom:0;
}
	
.custom-heading-4 h2::after {
    content:"";
    background-color:#00a79d;
	left:50%;
	top:10px;
	transform:translateX(-50%);
    width:70px;
    height:2px;
	position:absolute;
}

.custom-heading-4.dark-theme h2::after {
    background-color:#6bf2e5;
}

/* CUSTOM HEADING 5 */

.custom-heading-5 {
	position:relative;
}

.custom-heading-5 h2 {
	display:inline-block;
	margin-top:23px;
	padding-bottom:0;
}
	
.custom-heading-5 h2::before {
    content:"";
    background-color:#00a79d;
	top:10px;
    width:70px;
    height:2px;
	position:absolute;
}

.iconbox-quem-somos .w-iconbox-title {
	margin-top:10px;
}

.acesso-rapido .wrapper-acesso-rapido {
	background:#00a79d;
}

.acesso-rapido:hover .wrapper-acesso-rapido {
	background:#00bcaa;
}

.iconbox-planos .w-iconbox-icon {
	font-size:45px !important;
	width:1.6em !important;
	height:1.6em !important;
	line-height:1.6em !important;
}

.nossos-planos .w-iconbox-text {
	margin-top:10px;
	min-height:126px;
}

.l-sidebar {
	margin-top:35px;
}
























/* MEDIA QUERIES -------------------------------------------------------------------------------------------*/

/* Menor que 1600 */
@media only screen and (max-width:1600px) {

	
}


/* Menor que 1350 */
@media only screen and (max-width:1350px) {

	
}


/* Menor que 900 */
@media only screen and (max-width:1024px) {

	.owl-nav {
		display:inherit;
	}

	.owl-carousel.navpos_outside .owl-prev {
		right:95%;
	}
	
	.owl-carousel.navpos_outside .owl-next {
		left:95%;
	}
	
	.acesso-rapido .vc_column-inner,
	.nossos-planos .vc_column-inner {
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	.custom-iconbox .w-iconbox-icon {
		font-size:36px !important;
	}
	
	.custom-iconbox .w-iconbox-title {
		font-size:18px !important;
	}
	
	.nossos-planos .w-iconbox-text {
		min-height:102px;
	}

	
	
	
	
	
}


/* NOTEBOOK SCREEN */
@media only screen and (min-width:768px) and (max-width: 1023px) {

	
}


/* Todos tamanhos de mobile */
@media only screen and (max-width:767px) {
	
	.show-mobile {
		display:inherit !important;	
	}
	
	.hide-mobile {
		display:none !important;	
	}

	.half-column,
	.full-column {
		width:100% !important;
	}
	
	.field-padding {
		padding-right:inherit;	
	}
	
	.l-cookie {
		display:block;
		text-align:center;
		padding:15px;
	}
	
	.l-cookie .w-btn {
		margin-top:10px;
	}
	
	.cover-image-mobile .l-section-img {
		background-size:cover !important;
	}
	
	.display-block-mobile, 
	.display-block-mobile .w-hwrapper {
		display:block !important;
	}
	
	.margin-bottom-zero-mobile .wpb_column {
		margin-bottom:0 !important;
	}

	.owl-carousel.navpos_outside .owl-prev {
		right:90%;
	}
	
	.owl-carousel.navpos_outside .owl-next {
		left:90%;
	}

	.acesso-rapido .vc_column-inner,
	.nossos-planos .vc_column-inner {
		padding-left:1.5rem !important;
		padding-right:1.5rem !important;
	}
	
	.custom-iconbox .w-iconbox-icon {
		font-size:48px !important;
	}
	
	.bg-image-mobile .l-section-img {
		background:none !important;
	}
	
	.iconbox-planos .w-iconbox-title {
		margin-top:25px !important;
	}
	
	.hack-margin-mobile {
		margin-left:25px !important;
		margin-right:25px !important;
	}
	
	.nossos-planos .w-iconbox-text {
		min-height:inherit;
	}
	
	
	
	
	
	
	
	

}