/*
Theme Name: MIKETEEVEE
Template: salient
Author: MIKETEEVEE
Description: An Ultra Responsive Multi-Purpose Theme.
Version: 2.0

*/

body #header-outer {
    display: none;
}
#header-space {
    height: 26px !important;
}
.divider-border {
    margin-top: -5px !important;
    margin-bottom: 5px !important;
}
.margin-right-50 {
	margin-right: 50px;
}
.inline-block {
	display:inline-block;
}
.hundred-percent {
	width: 100% !important;
}

.mobile-frame {
    padding: 15% 9%;
    background-size: cover;
    background-position: center;
    background-image: var(--wpr-bg-4490bc9a-b1c7-4883-a770-39befddb9c04);
}

.hide-on-desktop {
	display: none;
}
.hide-on-mobile {
	display: block;
}
@media only screen and (max-width: 1000px) {
	.hide-on-desktop {
		display: block;
	}
	.hide-on-mobile {
		display: none;
	}
}
/* Container */


@media only screen and (min-width: 1000px) {
	.container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search {
    max-width: 1350px;
	 padding: 0 120px;
	}
}

/* List */

.icon-salient-thin-line:before {
    content: ">>";
}
.nectar-fancy-ul ul li {
    padding-left: 55px;
}
.nectar-fancy-ul ul li i.icon-default-style[class^=icon-].icon-salient-thin-line {
    font-size: 16px;
    height: 16px;
    line-height: 26px;
    font-weight: 300;
    font-family: Martian Mono !important;
}

.container-wrap .nectar-fancy-ul[data-spacing="15px"] ul li {
    line-height: 1.7em;
}
/* Menu */

@media only screen and (min-width: 1200px) {
    .nectar-sticky-column-css.vc_column_container > .n-sticky {
        width: 95%;
        position: fixed;
    }
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right; 
}

.menu li,
.sub-menu li {
    list-style: none;
}

.menu-main-menu-container {
	float:right;
}

.menu-item-home > a {
    font-size: 0; 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    position: relative;
}


.menu-item-home > a::before {
    content: "☰";
    font-size: 24px;
    color: #000; 
    font-weight: bold;
    text-align: center;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    background: #fff;
    width: 200px;
    padding: 0px 15px;
}
.sub-menu .menu-item-home > a::before {
    content: "";

}
.sub-menu .menu-item-home > a {
    width: 100%;
    height: auto;
}


.sub-menu li {
    text-align: right;
}

.sub-menu a {
    display: block;
    padding: 10px 15px !important;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;
    margin: 10px 0;
}

.sub-menu a:hover {
    color: #0c7eff !important;
}

.menu-item-home:hover .sub-menu {
    display: block;
}

.clients.full-width-content .wpb_column .column-image-bg-wrap .column-image-bg {
	background-size: contain;
	background-repeat: no-repeat;
}



/* Button*/
.nectar-button span {
    text-transform: uppercase;	
	text-align: center;
    line-height: 1.5em;
}
.nectar-button.see-through-2 {
	border-width: 1px;
}


body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 {
    font-size: 17px;
	border: 1px solid #000;
}
body .nectar-button.large.see-through:hover, body .nectar-button.large.see-through-2:hover, body .nectar-button.large.see-through-3:hover {
	border: 1px solid #000 !important;
	color: #000 !important;
}
/* Portfolio */
body.single .project-title .section-title {
    padding: 0;
}
.single-portfolio .row .col.section-title h1, #page-header-bg h1 {
    font-size: 94px;
    text-align: right;
    line-height:1.1em !important;
}
.single-portfolio .row .col.section-title .subheader, body #page-header-bg .span_6 span.subheader {
    font-size: 22px;
    text-align: right;
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 20px;
}

@media only screen and  (max-width: 1300px) {
    body.single-portfolio .row .col.section-title h1,
	body.single-portfolio .row .col.section-title.span_12 h1{
        max-width: 100% !important;
		width: 100% !important
    }
}



@media only screen and (min-width: 690px) and (max-width: 999px) {
    #full_width_portfolio .section-title h1 {
    font-size: 94px;
    text-align: right;
    line-height:1.1em !important;
	margin: 0;
    }
}


/* Work Portfolio */

#work {
}

/* Testimonial */

.nectar_single_testimonial {
    font-family: inherit;
    background: #f6ff00;
    font-size: 14px;
    line-height: 20px;
    padding: 40px;
}


/* Portfolio Nav */
.bottom_controls {
    background-color: #fff;
}

.bottom_controls #portfolio-nav ul:first-child #all-items a i {
    background-color: #000000;
    box-shadow: -.5em 0 #000000, -.5em .5em #000000, .5em 0 #000000, .5em -.5em #000000, 0 -.5em #000000, -.5em -.5em #000000, 0 .5em #000000, .5em .5em #000000;
}
#portfolio-nav #prev-link a, #portfolio-nav #next-link a {
    color: #000!important;
    text-transform: uppercase;
    font-size: 15px;
}
body .bottom_controls #portfolio-nav .controls #prev-link i, body .bottom_controls #portfolio-nav .controls #next-link i {
    font-size: 58px;

}
#portfolio-nav a i, #portfolio-nav a i {
    font-size: 58px;
    line-height: 58px;
    color: #000;
}
.bottom_controls #portfolio-nav .controls #prev-link i {
    padding-right: 42px;
}
.bottom_controls #portfolio-nav .controls #prev-link a i:after,
.bottom_controls #portfolio-nav .controls #next-link a i:after{
    display: none;
}


/* Logo Customizations */


/* Image Customizations */
img.mtvbounce {
	width: 100px !important;	
}
img.models {
	width: 275px !important;
}

#model1wrapper img,
#model2wrapper img,
#model3wrapper img,
#model4wrapper img {
	max-width: 275px;
	margin-bottom: -7px;
}

#model1wrapper img {
    transition: all .5s linear ;
}

#model2wrapper img {
    transition: all .5s linear;
}

#model3wrapper img {
    transition: all .5s linear;
}

#model4wrapper img {
    transition: all .5s linear;
}




@media screen and ( max-width: 1048px ) { 

	#model1wrapper img {
	 transform: translate(-30px, 0px) !important;
	}
	#model2wrapper img {
	 transform: translate(-7px, 0px) !important;
	}
	#model3wrapper img {
	 transform: translate(-120px, 0px) !important;
	}
	#model4wrapper img {
	 transform: translate(79px, 0px) !important;
	}
}


@media screen and ( max-width: 600px ) { 
	#model1wrapper img,
	#model2wrapper img,
	#model3wrapper img,
	#model4wrapper img {
		max-width: 125px;
	}
	#model1wrapper img {
	     transform: translate(-5px, 0px) !important;
    	margin-bottom: 2px !important;
	}
	#model2wrapper img {
	 transform: translate(26px, 0px) !important;
		margin-bottom: 2px !important;
	}
	#model3wrapper img {
	 transform: translate(-6px, 0px) !important;
	}
	#model4wrapper img {
	 transform: translate(6px, 0px) !important;
	}
}



.miketeevee.portfolio-items {
  display: grid;
	grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 50px;
}
.miketeevee.portfolio-items.row:before {
	display: none;
}

.miketeevee.portfolio-items .element {
}

.miketeevee.portfolio-items.load .element {
	display: none;
}
.miketeevee.portfolio-items .element h3 {
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.miketeevee.portfolio-items .element h3 a {
	color: #fff;
}
.miketeevee.portfolio-items .element h3 a:hover {
	color: #d6c3a9;
}
.miketeevee.portfolio-items .element .animated {
    position:absolute;
    width: 429px  !important;
    opacity:0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;	
}

.miketeevee.portfolio-items .element:hover .animated {
  opacity:1;
	width: 429px  !important;
}
.miketeevee.portfolio-items.load .element .animated {

    width: 379px !important;
}

.miketeevee.portfolio-items.load .element:hover .animated {
	width: 379px !important;
}

.miketeevee.portfolio-items .work-meta h4 {
    position: relative;
    top: -2px;

}

.centeredButton {
	text-align: center;
}
.noContent {
  display: none;
}
@media screen and ( max-width: 500px ) { 
	
	.miketeevee.portfolio-items {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  align-items: center;

	flex-direction: column;
	  row-gap: 20px;
	  column-gap: 0;
	}

	.miketeevee.portfolio-items > * {
	  flex: 1 1 100%;
	}
}

.category-thought .featured-media-under-header,
.category-interview .featured-media-under-header,
.category-jobs .featured-media-under-header,
.project-type-case-studies .project-title,
.project-type-case-studies .bottom_controls,
.project-type-decoupled-clients .project-title{
	display: none;
}


@media (min-width: 999px) {
	.nectar_cascading_images .cascading-image .img-wrap, 
	body .nectar_cascading_images .cascading-image img {

		width: 355px !important;
	}
}
.img-with-aniamtion-wrap:hover .color-overlay {
    opacity: 1;
    z-index: -1;
}


/* Blog */

.nectar-post-grid[data-cat-click=static] .nectar-post-grid-item .content .meta-category {
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.nectar-post-grid .nectar-post-grid-item .content .post-heading {
    font-weight: bold;
}

.featured-media-under-header__cat-wrap {
	display: none;
}
.nectar-post-grid[data-text-hover-color=light] .nectar-post-grid-item:hover .content * {
    text-align: left;
	margin: 8px 0;
}
.full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content *, .nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content * {
    color: #fff;
    text-align: left;
}
.nectar-post-grid[data-text-layout=all_middle] .nectar-post-grid-item .content .post-heading {
    margin: unset;
}

/* Don't Stack */
@media (max-width: 999px) {
	.dont-stack .vc_col-sm-2\/5 {
		width: 40% !important;
	}
	.dont-stack  .vc_col-sm-1\/5 {
		width: 20% !important;
	}

}
/* Team Member */
.team-member h4 {
    font-size: 15px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #000;
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}
.team-member p.description, .team-member p.description {
    padding: 0 !important;
    margin: 10px 0 !important;
    color: #000;
    border-bottom: 0px solid #ddd !important;
    border-top: 0px solid #ddd !important;
}
.team-member img {
    background: var(--wpr-bg-f44eae4d-4f27-4252-a2a3-2c924964419e);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 0 0 2px;

}
/* Carousel */
.nectar-video-box {
    line-height: 0;
    position: relative;
    margin-bottom: 7px;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    background-color: #1c1d21;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button .arrow {
    fill: #fff;
}
.nectar-flickity[data-controls*=arrows_overlaid] .next:after, .nectar-flickity[data-controls*=arrows_overlaid] .previous:after {
    background-color: #fff;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: -50px;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {

    right: -50px;
}
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 40px 0 40px 0;
}
.nectar-video-box[data-color="default-accent-color"] .nectar_video_lightbox {
	background-color: transparent !important;
}

/* Form */

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 18px;
    padding: 18px;
}
.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 0px;
}

.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {
    width: 100%;
    text-align: right;
    background: #37ff00;
    color: #000;
    text-transform: capitalize !important;
    border-radius: 0 !important;
    letter-spacing: 0;
    font-size: 18px;
}

/* Table */
.post table tbody td {
    color: #000;
}