/*
Theme Name: Mediamojo
Description: A child theme of Bridge Theme
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/*** HEADER ***/

.nav-call a {
	font-weight: 700 !important;
}

.header-light .nav-call a {
	color: #dbbe84 !important;
}

.popup-menu .nav-call a {
	color: #dbbe84 !important;
}

/*** END HEADER ***/
/*** GENERAL ***/

h1, h2, .title.title_size_large h1 {
	line-height: 1.1em !important;
}

h3 {
	line-height: 1.2em !important;
}

h4 {
	line-height: 1.3em !important;
}

h5, h6 {
	line-height: 1.4em !important;
}

.elementor-heading-title {
	line-height: inherit;
}

.fa-stack {
	width: 2em !important;
}

.section-rightspace {
	right: 5%;
}

.section-leftspace {
	left: 5%;
}

.q_icon_list {
    margin-bottom: 15px;
}

.q_icon_list p {
    margin: 0;
}

.elementor-counter .elementor-counter-number-wrapper {
	margin-bottom: 10px;
}

.elementor-portfolio-item p {
	color: #ffffff;
	margin: 8px 0 0 0;
}

.e-gallery-image {
	transform-origin: center center !important;
}

/* Slide In From The Top Option */

.header-light {
	-moz-transition: all .3s ease!important;
	-webkit-transition: all .3s ease!important;
	transition: all .3s ease!important;
}

.elementor-sticky--effects.header-light  {
	height: auto!important;
	transform: translatey(0px) !important;
}

.elementor-sticky--effects.header-dark {
	display: none !important;
}

/* End Of Slide In From The Top Option */

.icon-arrow {
	padding: 0 !important;
}

.slider-3col .elementor-testimonial {
    position: relative;
    padding-top: 90px; 
}

.slider-3col .elementor-testimonial__image {
    position: absolute;
    top: -30px;
    left: 0px;
}

.slider-3col .elementor-testimonial__image img {
    width: auto !important;
}

.slider-3col .elementor-testimonial__text a {
    display: block;
    color: #000000;
    font-style: normal
}

.slider-3col.elementor-widget-testimonial-carousel .elementor-swiper-button-prev {
    left: -30px !important;
}

.slider-3col.elementor-widget-testimonial-carousel .elementor-swiper-button-next {
    right: -30px !important;
}

.section-casestudies .elementor-cta__bg-overlay {
     background-color: rgba(0,0,0,0.2);
 }

.section-casestudies .elementor-cta__description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 30px;
}

.section-casestudies .elementor-portfolio-item__overlay,
.archive-casestudies .elementor-portfolio-item__overlay {
    padding: 45px;
    text-align: left;
}

.section-casestudies .elementor-portfolio-item__overlay h4,
.archive-casestudies .elementor-portfolio-item__overlay h4 {
    font-size: 24px;
    font-weight: 800;
}

.section-casestudies .elementor-portfolio-item__overlay p,
.archive-casestudies .elementor-portfolio-item__overlay p {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4em;
}

/*** END GENERAL ***/
/*** PAGES ***/

.section-casestudies .qode-banner .qode-banner-content {
    opacity: 0;
	background-color: rgba(0,0,0,.5);
	padding: 60px;
	color: #ffffff;
}

.section-casestudies .qode-banner:hover .qode-banner-content {
    opacity: 1;
}

.section-casestudies .qode-banner .qode-banner-content h6 {
	margin-bottom: 15px;
}

.section-casestudies .q_image_with_text_over {
	margin-bottom: -8px;
}

.section-casestudies .q_image_with_text_over table td {
	padding: 60px;
}

.section-casestudies .q_image_with_text_over .desc {
	margin: 0 !important;
}

.section-casestudies .q_image_with_text_over h6,
.section-casestudies .q_image_with_text_over h6 a {
	color: #ffffff;
}

.section-clients img {
	transition-duration: .3s;
	transition-property: transform;
}

.section-clients img:hover {
	transform: scale(1.1);
}

.section-team h5 {
	margin: 15px 0 30px 0;
}

.section-team .video-team {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}

#landing-hero .elementor-fit-aspect-ratio iframe {
	background: transparent !important;
}

/*** END PAGES ***/
/*** BLOG ***/

/* .blog .content .container {
    background-color: #f4fbff;
} */

.blog .default_template_holder {
    padding: 60px 0 30px 0 !important;
}

.single-post .default_template_holder {
    padding: 60px 0 30px 0 !important;
}

.sidebar .widget_recent_entries .post-date {
    display: block;
}

.elementor-posts--thumbnail-top .elementor-post__card :hover .elementor-post__thumbnail__link {
    transform: scale(1.03);
}

/*** END BLOG ***/
/*** GRAVITY FORMS ***/

body .gform_wrapper {
	margin: 0;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

.gform_wrapper .top_label .gfield_label {
    font-weight: 700 !important;
    color: #000000;
	text-transform: none;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0 !important;
}

.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}

.gform_wrapper .gfield_required {
    color: #dbbe84 !important;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	margin: 0 !important;
	letter-spacing: 0px !important;
}

body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single b, body .gform_wrapper input[type="email"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper textarea {
	background-color: #ffffff !important;
	color: #666666 !important;
	border: 2px solid #e6e6e6 !important;
	font-family: 'Montserrat', sans-serif;
	padding: 11px 10px !important;
	height: 45px;
	line-height: 21px;
	border-radius: 5px;
}

.gform_wrapper.gf_browser_gecko select, body .gform_wrapper select, body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, body .gform_wrapper.gf_browser_chrome .ginput_complex select {
	background-color: #ffffff;
	color: #666666 !important;
	border: 2px solid #e6e6e6 !important;
	font-family: 'Montserrat', sans-serif;
	padding: 8px 10px !important;
	height: 45px;
	line-height: 27px;
	border-radius: 5px;
}

body .gform_wrapper textarea {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}

.gform_wrapper .gform_footer {
    padding: 0 16px 0 0 !important;
}

.gform_wrapper .gform_page_footer {
    margin: 0 !important;
    border-top:  none !important;
    padding: 0 !important;
}

body .gform_wrapper input[type="submit"] {
	background-color: #dbbe84;
	border-color: #dbbe84;
	color: #ffffff;
}

body .gform_wrapper input[type="submit"]:hover {
	background-color: #dbbe84;
	border-color: #dbbe84;
	color: #ffffff;
}

body .gform_wrapper input[type="button"], body .gform_wrapper input[type="reset"] {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

body .gform_wrapper input[type="button"]:hover, body .gform_wrapper input[type="reset"]:hover {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="button"], body .gform_wrapper input[type="reset"] {
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 16px !important;
	text-align: center;
	border-radius: 5px;
	display: block;
	width: 100% !important;
	height: 45px;
	line-height: 41px;
	text-transform: capitalize;
}

.gform_wrapper .ginput_recaptcha {
	display: none !important;
}

/*** END GRAVITY FORMS ***/
/*** FOOTER ***/

.footer_bottom {
	text-align: left; 
}

.footer_bottom .textwidget {
	display: inline-block;
	margin: 0 10px;
	position: relative;
	top: 12px;
}

.footer-main .elementor-field-type-submit {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto;
	padding-right: 0 !important;
}

.footer-main .elementor-field-type-submit .elementor-button {
	width: 47px;
	padding: 0;
	cursor: pointer;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	outline: none;
}

.footer-main .gform_wrapper .top_label li.gfield {
	padding-right: 0;
	margin-bottom: 8px;
}

.footer-main .top_label div.ginput_complex.ginput_container.gf_name_has_2 {
	width: calc(100% + 5px);
}

.footer-main div.ginput_container_name span {
	padding-right: 5px;
}

.footer-main .gform_wrapper .gform_footer {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	bottom: 8px;
	right: 0px;
	width: auto;
}

.footer-main .gform_wrapper input[type="submit"] {
	width: 47px !important;
	padding: 0;
	margin: 0 !important;
	cursor: pointer;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	outline: none;
	background-color: #ffffff;
	color: #dbbe84;
	border-color: #dbbe84;
}

.footer-main .elementor-widget-image-box {
	width: 50%;
	display: inline-block;
}

/*** END FOOTER ***/
/*** RESPONSIVE ***/

/* Laptops (1440px) ----------- */
@media screen and (min-width : 1037px) and (max-width : 1400px) {
	h1, h1 a { font-size: 50px; }
	h2, h2 a { font-size: 40px; }
	h3, h3 a { font-size: 32px; }
	h4, h4 a { font-size: 26px; }
	h5, h5 a { font-size: 22px; }
	h6, h6 a { font-size: 18px; }
	
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-casestudies h3 { font-size: 28px; }
	.section-casestudies h5 { font-size: 18px; }
	.section-casestudies .qode-banner .qode-banner-content { padding: 45px; }
	.section-casestudies .q_image_with_text_over table td { padding: 45px; }
	
	.bg-top { background-position: top center !important; }
	#email-marketing { background-position: top center !important; }
}

/* iPad Pro (landscape) ----------- */
@media screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : landscape) {
	h1, h1 a { font-size: 50px; }
	h2, h2 a { font-size: 40px; }
	h3, h3 a { font-size: 32px; }
	h4, h4 a { font-size: 26px; }
	h5, h5 a { font-size: 22px; }
	h6, h6 a { font-size: 18px; }
	
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-casestudies h3 { font-size: 28px; }
	.section-casestudies h5 { font-size: 18px; }
	.section-casestudies .qode-banner .qode-banner-content { padding: 45px; }
	.section-casestudies .q_image_with_text_over table td { padding: 45px; }
	
	.bg-top { background-position: top center !important; }
	#email-marketing { background-position: top center !important; }	
}

/* iPad Pro (portrait) ----------- */
@media screen and (min-width : 1024px) and (max-width : 1366px) and (orientation : portrait) {
	h1, h1 a { font-size: 50px; }
	h2, h2 a { font-size: 40px; }
	h3, h3 a { font-size: 32px; }
	h4, h4 a { font-size: 26px; }
	h5, h5 a { font-size: 22px; }
	h6, h6 a { font-size: 18px; }
	
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-casestudies h3 { font-size: 28px; }
	.section-casestudies h5 { font-size: 18px; }
	.section-casestudies .qode-banner .qode-banner-content { padding: 45px; }
	.section-casestudies .q_image_with_text_over table td { padding: 45px; }
	
	.bg-top { background-position: top center !important; }
	#email-marketing { background-position: top center !important; }
}

/* iPads (landscape) ----------- */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	h1, h1 a { font-size: 50px; }
	h2, h2 a { font-size: 40px; }
	h3, h3 a { font-size: 32px; }
	h4, h4 a { font-size: 26px; }
	h5, h5 a { font-size: 22px; }
	h6, h6 a { font-size: 18px; }
	
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; } 
	
	.section-services h4 { font-size: 24px !important; }
	
	.section-casestudies .qode-banner .qode-banner-content { padding: 30px; }
	.section-casestudies .elementor-col-25 { width: 25% !important; }
	.section-casestudies .q_image_with_text_over table td { padding: 30px; }
	.section-casestudies h3 { font-size: 26px; }
	.section-casestudies h5 { font-size: 14px; }
	.section-casestudies .icon-arrow { position: static !important; margin: 15px -10px -10px -10px; }
	
	.section-team p { font-size: 14px; }
	
	.bg-top { background-position: top center !important; }
}

/* iPads (portrait) ----------- */
@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-casestudies .qode-banner .qode-banner-content { padding: 30px; }
	.section-casestudies .q_image_with_text_over table td { padding: 30px; }
	.q_image_with_text_over .text:hover .desc { display: block; }

	.section-team h5 { font-size: 20px; }
}

/* Smartphones (landscape larger phones) ----------- */
@media screen and (min-width : 642px) and (max-width : 767px) {
	.section-imgleft { background-image: none !important; }
	.section-imgright { background-image: none !important; }
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-title h1 br { display: none; }
	
	.section-services .elementor-col-25 { width: 50% !important; }
	
	.section-casestudies .qode-banner .qode-banner-content { padding: 30px; }
	.section-casestudies .elementor-col-25 { width: 50% !important; }
	.q_image_with_text_over .text:hover .desc { display: block; }
	.section-casestudies .q_image_with_text_over table td { padding: 30px; }
	.section-casestudies .icon-arrow { position: static !important; margin: 15px -10px -10px -10px; }
	
	.footer-cta .e-lottie__container { width: 100%; }
	.footer-cta .elementor-col-33:first-child { width: 15%; }
	.footer-cta .elementor-col-33 { width: 50%; }
	.footer-cta .elementor-col-33:last-child { width: 35%; }
	
	.footer-main .elementor-widget-image-box .elementor-image-box-content { display: inline-block; width: auto; margin-left: 10px; }
}

/* Smartphones (landscape smaller phones) ----------- */
@media screen and (min-width : 501px) and (max-width : 641px) {
	.section-imgleft { background-image: none !important; }
	.section-imgright { background-image: none !important; }
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-title h1 br { display: none; }

	.section-casestudies .qode-banner .qode-banner-content { padding: 30px; }
	.q_image_with_text_over .text:hover .desc { display: block; }
	.section-casestudies .q_image_with_text_over table td { padding: 30px; }
	.section-casestudies .icon-arrow { position: static !important; margin: 15px -10px -10px -10px; }
	
	.footer-main .elementor-widget-image-box .elementor-image-box-content { display: inline-block; width: auto; margin-left: 10px; }
}

/* Smartphones (mobile portrait) ----------- */
@media screen and (max-width : 500px) {
	.dialog-close-button i { color: #000000 !important; }
	
	.section-imgleft { background-image: none !important; }
	.section-imgright { background-image: none !important; }
	.section-leftspace { left: 0px; }
	.section-rightspace { right: 0px; }
	
	.section-title h1 { font-size: 30px !important; }
	.section-title h1 br { display: none; }
	
	.section-casestudies .qode-banner .qode-banner-content { padding: 30px; }
	.q_image_with_text_over .text:hover .desc { display: block; }
	.section-casestudies .q_image_with_text_over table td { padding: 30px; }
	.section-casestudies .icon-arrow { position: static !important; margin: 15px -10px -10px -10px; }
	
	.slider-3col .elementor-main-swiper .swiper-slide { padding: 120px 20px 20px 30px; }
	
	.footer-main .elementor-widget-image-box .elementor-image-box-content { display: inline-block; width: auto; margin-left: 10px; }
	.footer-main .elementor-image-box-content p { font-size: 15px; }
}

/*** END RESPONSIVE ***/