/*
Theme Name: Montoya Child
Theme URI: https://montoya.clapat-themes.com/
Description: Responsive Wordpress Theme
Template: montoya
Version: 1.0
Author: Amy Hutton
Author URI: https://your site
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: montoya-child
*/

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

Add here your own styles
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
Header/Nav/Body
-------------------------------------------------------------------*/


.overlapping-image {
	.slide-caption {
		.slide-title {
			/*show the descenders of the font-type on the main title*/
			overflow:visible;
		}
	} 
}


body.single {
	main {
		#clapat-page-content.dark-content {
			header {
				#header-container {
					background-color: #19232D;		
				}
				
				.burger-lines #menu-burger span {
					background-color: #ffff;
				}

			}
		}
	}
}

/*white hamburger */
#menu-burger span {
	background-color: #ffffff !important;
}


nav.menu-hamburger-container.open {
	height: 100vh !important;
}

/*white social links */
.socials li a {
	color: #ffffff !important;
	&:hover {
		color: #ffffff !important;
	}
}

/*used for removing category links*/
li.fake-link {
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
}


.caption-timeline {
	> span {
		text-transform: initial;
	}
}
@media only screen and (min-width: 801px) {
	/*custom page template class in the child theme*/
	.esser_work_page {
		#hero-footer {
			.hero-footer-left {
				display: none;
			}
			.hero-footer-right {
				float: none;

				.filters-options-wrapper {
					justify-content: center;

					.filter-option {
						margin-bottom: 1rem;
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 800px) {
	/*custom page template class in the child theme*/
	.esser_work_page {
		#hero-caption {
			.inner {
			/* this is to move the page title "work" on mobile to get it off of the filters*/
				margin-top: -30% !important;
			}
		}
		#hero-footer {
			font-size: 18px  !important;
			padding: 2rem 1rem  !important;
			
			.hero-footer-right {
				float: none;
				.filters-options-wrapper {
					right: unset  !important;
					justify-content: center;
					.filter-option {
						margin-left: 0  !important;
						margin-bottom: 1rem;
					}
				}
			}
		}
	}	
}


/*------------------------------------------------------------------
Header/Nav/Body
-------------------------------------------------------------------*/

.hero-footer-left{
  display: none;
  
}

#hero {
	.hero-subtitle {
		span {
			font-family: 'Poppins', sans-serif;
			font-size: 22px;
			margin-bottom: 20px;
		}
	}
}


/* a {
  color: #993D97;
}
 */
a {
	color: #009CEB
}

a:hover {
  color: #00BAE5;
	text-decoration-color: #00BAE5;
}

	
	#post-content p > a::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #00BAE5;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease-out;

}






.fullscreen-menu .flexnav > li > a {
	font-family: 'Alternate Gothic No2', sans-serif;
	color: #fff;
}


#header-container{
	float: none;
  display: flex-end;
  border-radius: 0 0 10px 10px;
  justify-content: center;
  width: 80%;
  padding-top: 10px;
  padding-bottom: 12px;
  background-color: #19232D;
  
}

	header {
		opacity: 98%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    z-index: 1000;
    pointer-events: none;
    -webkit-transition: background 0.4s ease-in-out 0.3s;
    transition: background 0s ease-in-out 0s;
		position: fixed;
    right: -14px;
    height: auto;
    min-height: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;

}



@media only screen and (max-width: 800px) {
	
#header-container{
	float: none;
  display: flex-end;
	border-radius: 0 0 15px 15px;
	justify-content: center;
	width: 90%;
	
}
	
	header {
		position: fixed;
    right: 0px;
    height: auto;
    min-height: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;

	}
	
}











.hero-title{
	font-size: 20vw;
}


	.hero-subtitle {
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
    z-index: 10;
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 0px;
    color: #000;
    opacity: 0.4;

}
	
	
.burger-lines #menu-burger {
	width: 220px;
	height: 22px;
	position: relative;
	margin: 0 auto;
	z-index:2;
	pointer-events: none;
}




	.button-wrap.right.burger-lines {
    right: -20px;

}
	.dark-content-header #menu-burger span {
		background-color:#fff!important;
	}
	
	.light-content-header #menu-burger span {
		background-color:#fff!important;
	}


	.burger-lines #menu-burger span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		opacity: 1;
		right: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
		transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  top  0.2s ease-in-out;
	}




@media only screen and (max-width: 767px) {
	.button-wrap.right.menu {
		right: 4px;
		right: 10px;
		margin-right: 15px;
	}
	
	
  .hero-subtitle span br {
    display: none;
  }

}





/*------------------------------------------------------------------
About page
-------------------------------------------------------------------*/



	.grouphoto{
		height: 70vw;
}










 .has-white-color {
        color: var(--wp--preset--color--white) !important;
    }






	.light-content .accordion dt span, .dark-section .accordion dt span {
    color: #303030;

}
	
	.light-content .accordion .acc-button-icon, .dark-section .accordion .acc-button-icon {
		color: #303030;
	}

	.light-content .light-section .accordion .acc-button-icon {
		color:#303030;
	}

	
	.light-content .accordion .accordion-content, .dark-section .accordion .accordion-content {
		color:#303030;
	}
	
	.accordion dt:hover .acc-button-icon, .accordion dt.accordion-active .acc-button-icon {
		background: #fff;
		color: #00B9E6;
	}

	.light-content .accordion dt:hover .acc-button-icon, .dark-section .accordion dt.accordion-active .acc-button-icon {
		background: #0000;
		color: #00B9E6;
	}


.accor{
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
		padding-bottom: 6rem;
		padding-top: 6rem;
}


.accordion{
    width: 100%;
    margin: 0;
}

.light-content .accordion dt, .dark-section .accordion dt {
		border-top: .25px solid 		#303030;
	}

.link{
	  padding: 10px;
}






/*------------------------------------------------------------------
About page media query 
-------------------------------------------------------------------*/



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

	.grouphoto {
		max-height: 300px;
	}
	
	
	.groupcontainer{
		padding-bottom: 60px;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		
	}
	
	.space-divider{
		display: none;
	}
	
	
	
	h1{
		font-size: 45px;
	}
	
	
	
	.os{
		padding: 1.25rem;
		
	}

	.aboutspacer1 , .aboutspacer2{
		display: none;
	}
	
	


	h6{
		margin-bottom: 14px;
	}
	
	
	
	
	
	
	
	
	
	
	.amytest{
		display: none;
	}
	
	.toni{
		padding-top: 2rem;
	}
	
	
	
	
	
}







/*------------------------------------------------------------------
News home page
-------------------------------------------------------------------*/







.gb-block-post-grid .gb-block-post-grid-more-link {
    display: inline-block;
    box-shadow: none;
    transition: .3s ease;
    font-weight: bold;
    color: #ffff;
    text-decoration: none;
}
	
.gb-block-post-grid .gb-block-post-grid-more-link:hover {
		color: #ffffff;
	  text-decoration: none;
}


	.light-content .select, .light-content .wp-block-archives-dropdown, .light-content .wp-block-categories-dropdown {
		background: #303030;
	}

	
	select {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0 0 0 1em;
		color: #e0e0e0;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		box-shadow: none;
		border: 0 !important;
		background-image: none;
		font-size: 14px !important;
    font-family: inherit !important;
	}
	

	.select::after, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after {
		content: '\25BC';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 1.6em;
		background: #303030;
		pointer-events: none;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 10px;
		z-index: 20;
	}

#wp-block-categories-1{
	background-color: #282828;
}

	
	.select, .wp-block-archives-dropdown, .wp-block-categories-dropdown {
		position: relative;
		display: block;
		width: 100%;
		height: 40px;
		background: transparent;
		line-height: 40px;
		margin-top: 25px;
		margin-bottom: 25px;
	}


.light-content a, .dark-section a, .white-header a {
	color: #fff;
}


 .hero-subtitle {
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
        width: 100%;
        z-index: 10;
        position: relative;
        display: block;
        overflow: hidden;
        margin-left: 0px;
        color: #000;
        opacity: 0.6;
    }

	.light-content .hero-subtitle {
    color: #ffff;

}











/*------------------------------------------------------------------
Post Content
-------------------------------------------------------------------*/
	



.light-content p, .dark-section p{
	color: #dddddd;
	font-weight: 400;
}

.light-content .entry-meta li a, .light-content .entry-meta li {
		color:#fff;
	}
	
	.hero-title span {
    opacity: 0;
    display: block;
    margin-top: 0;
    min-width: 3vw;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
    margin-bottom: 10px;

}












	.post-prev-title, .post-next-title {
    line-height: 28px;
    font-weight: 500;

}


	.post-prev-caption, .post-next-caption {
    line-height: calc(1rem + 2vw);
    font-weight: 500;
}


	.entry-meta {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    overflow: hidden;

}

    .post-template-content .hero-title {
			font-size: calc(1rem + 4.5vw);
			line-height: calc(1rem + 4vw);
      margin-top: 10px;
      margin-bottom: 30px;
      max-width: 860px;
      word-wrap: break-word;
      white-space: initial;
      margin-left: -0.1vw;
      color: #303030;
    }






	.post-template-content  #hero #hero-caption {
    max-width: 1020px;
		padding-bottom: calc(1rem + 2vw);
		padding-top: calc(6rem + 5vw);
}
	



.post-title{
	font-family: "Alternate Gothic No2";
}

	article .post-title {
		position:relative;
		width:auto;
		font-weight:500;
		font-size: calc(1rem + 3vw);
		line-height: calc(1rem + 2.5vw);
		text-align: center;
		display: block;
		-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		max-width: 100%;
		z-index:10;
	}
	



	.light-content a, .dark-section a, .white-header a {
      color: #fff;
}
	

p{
	color: #303030
}



/*------------------------------------------------------------------
Post page media query 
-------------------------------------------------------------------*/



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

	
	.post-template-content  #hero 	#hero-caption {
    max-width: 1020px;
		padding-bottom: calc(1rem + 		10vw);
		padding-top: calc(5rem + 			18vw);
}
	
    .post-template-content 	.hero-title {
			font-size: calc(1rem + 				7vw);
			line-height: calc(1rem + 			5.5vw);
      margin-top: 10px;
      margin-bottom: 10px;
}

	.newcallout{
		line-height: 2.45rem;
	}



	.post-prev-caption, .post-next-caption {
    font-size: 35px;
}

	
	
	
	
	
	
	
}







/*------------------------------------------------------------------
Portfolio Content
-------------------------------------------------------------------*/
	/*====
 * San Diego Opera
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-976 {
	.hero-title {
		font-size: 12vw;
	}
}

/*====*/

	/*====
 * Animal foundation
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-976 {
	.hero-title {
		font-size: 14vw;
	}
}

/*====*/



/*====*/

	/*====
 * asu brand identity
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-977 {
	.hero-title {
		font-size: 16vw;
	}
}

/*====*/



	/*====
 * arizona theatre company
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-970 {
	.hero-title {
		font-size: 12vw;
	}
}

/*====*/



	/*====
 * asu global security
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-969 {
	.hero-title {
		font-size: 16vw;
	}
}

/*====*/


	/*====
 * az game and fish
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-206 {
	.hero-title {
		font-size: 14vw;
	}
}

/*====*/












#hero-footer {
        padding: 28px 80px;
}



#hero.has-image #hero-caption.align-start .inner {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);	
}


	.light-content b, .light-content strong, .dark-section b, .dark-section strong {
		font-weight: 600;
	}
	




	
	.light-content b, .light-content strong, .dark-section b, .dark-section strong {
		font-weight: 600;

	}





	
	.filter-option span, .grid-option span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    width: auto;
    text-align: center;
    transform-origin: 100% 0%;
    pointer-events: initial;
    cursor: pointer;
    padding: 6px 18px;

}


	
	.filter-option span::before, .grid-option span::before {
    position: absolute;
    width: auto;
    top: 100%;
    left: 0;
    content: attr(data-hover);
    padding: 6px 18px;

}
	

	
	#hero-footer {
    position: absolute;
		width: 100%;
    padding: 28px 80px;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 60px;
    color: #222;

}


.wp-block-video video {
    vertical-align: middle;
    width:100%;
    border-radius: 10px;
}




.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    border-radius: 10px;
}


.squarepara {
	height: 600px;
	width: 100%;
}

@media only screen and (max-width: 800px) {
  #hero-footer {
    font-size: 18px;
}
}


	
	.light-content .filter-option::after {
    border: 2px solid color(display-p3 0.3239 0.7133 0.8824);

}
	
	.light-content #hero-footer {
    color: #fff;

}


h4 {
	font-family: 'Poppins', sans-serif;
}



h5 {
	font-family: 'Poppins', sans-serif;
}



.servind-size {
	font-size: 22px;
}









	.showcase-portfolio .clapat-item .slide-date {
		display: block;
		color: #fff;
		position: absolute;
		top: 30px;
		left: 30px;
		padding: 7px 18px;
		background: rgba(255,255,255,0.2);
		border-radius: 35px;
		font-size: 28px;
	}



	.showcase-portfolio .slide-caption .slide-cat {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #000;
    z-index: 10;
    overflow: hidden;
    opacity: 0.4;
		line-break: auto;
		text-align: right;
}





@media only screen and (max-width: 800px) {
	
	.showcase-portfolio .clapat-item .slide-date {
		display: block;
		color: #fff;
		position: absolute;
		top: 15px;
		left: 15px;
			padding: 5px 15px;
		background: rgba(255,255,255,0.2);
		border-radius: 35px;
		font-size: 18px;
	}



	.showcase-portfolio .slide-caption .slide-cat {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    z-index: 10;
    overflow: hidden;
    opacity: 0.4;
		line-break: auto;
		text-align: right;
		width: 75%;

}

	
}
















	#hero-description .inner {
		color: #ffff;
		font-weight: 500;
		font-size: 20px;
		
	}
	


	#hero-caption {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 10px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    text-align: left;
    pointer-events: initial;

}


.paraimage{
	height:	calc(15rem + 50vw);
}



.servindustry{
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	padding-top: 5.5rem;
	padding-left: 14rem;
	padding-right: 16rem;
	padding-bottom: 4rem;

}






	
	#hero.has-image #hero-caption {
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 80px;
		padding-bottom: 2px;

}
	


	
	#hero-caption.height-title {
    height: 100vh;
    padding-top: 80px;
		padding-bottom: 2px;

}
	







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

	#hero.has-image #hero-caption {
    align-items: center;
		padding-bottom: 2px;

}
	
	#hero-caption.height-title {
		padding-bottom: 2px;

}

	.logocontainer {

	}
	
	


}



/*------------------------------------------------------------------
Individual Portfolio page media query 
-------------------------------------------------------------------*/

h2 {
  font-size: 4rem;
  line-height: 3.5rem;
}




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

h2 {
  font-size: 6rem;
  line-height: 3rem;
}


.servindustry{
	padding-left: 10rem;
	padding-right: 12rem;

}
	
	
		/*====
 * San Diego Opera
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-976 {
	.hero-title {
		font-size: 10vw;
	}
}

/*====*/

	/*====
 * Animal foundation
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-976 {
	.hero-title {
		font-size: 12vw;
	}
}

/*====*/



/*====*/

	/*====
 * asu brand identity
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-977 {
	.hero-title {
		font-size: 14vw;
	}
}

/*====*/



	/*====
 * arizona theatre company
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-970 {
	.hero-title {
		font-size: 10vw;
	}
}

/*====*/



	/*====
 * asu global security
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-969 {
	.hero-title {
		font-size: 14vw;
	}
}

/*====*/


	/*====
 * az game and fish
 */

/*This targets the title of the individual project (single)*/
.single-montoya_portfolio.postid-206 {
	.hero-title {
		font-size: 12vw;
	}
}

/*====*/



}




@media only screen and (max-width: 800px) {
	
	
	.mblock1{
		padding-top: 18px;
		padding-bottom: 25px;		
	}
	
	.mblock2 {
		padding-top: 35px;
		padding-bottom: 25px;
	}

	
	.spacer5 {
		display: none;
	}
	
	
	
	.spacer4{
		display: none;
	}

	.services , .industry{
		font-size: 14vw;
	}
	
	
	.servindustry{
		padding: 3.5rem;
		padding-top: 5.5rem;
	}
	
	.spacer2{
		display: none;
	}
	
	
		.spacer3{
		display: none;
	}
	
	
	.anew{
		padding-top: 2rem;
	}
	
	.spacer1{
		display: none;
	}
	

	.paraimage{
		max-height: 400px;
}
	
	.servind-size {
	font-size: 18px;
	padding-top: 8px;
	line-height: 28px;
}

	  


  h2 {
    font-size: 3rem;
    line-height: 2.5rem;
  }


  .indvportfolio-rows {
    padding: 20px;
  }

  .spacer-mobile{
    display: none;
  }

}








/*------------------------------------------------------------------
Connect
-------------------------------------------------------------------*/




div.wpforms-container-full:not(:empty) {
	margin: 0px;
}

.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0 0 15px;
    position: relative;
}




.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
    font-size: 35px;
}




	
	.light-content .box-icon {
    color: #fff;
    margin: auto;

}



h6{
	font-size: 2.75vw;
	line-height: 2.5vw;
}


	.box-icon i {
		position:relative;
		margin-bottom: 0px;
		font-size: 2.5vw;
	}


	.box-icon {
    color: #000;
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 35px;
    height: 70px;
    line-height: 35px;

}

	
	.light-content input[type="submit"], .dark-section input[type="submit"] {
    color: #fff;

}


#map_canvas{
	height: 30vw;
}




@media only screen and (max-width: 800px) {
	h6{
		font-size: 30px !important;
		line-break: auto;
		line-height: 10vw;
	}
		.box-icon i {
		font-size: 8vw;
		padding-top: 1px;
	}


#map_canvas{
	height: 90vw;
}




	.box-icon {
    color: #000;
    position: relative;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 35px;
    height: 40px;
    line-height: 35px;
	}
	

.gb-block-layout-column-gap-5 {
    grid-gap: 2em;
}

	

}







/*------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/


	footer {
		position:relative;
		width:100%;
		height:120px;
		z-index:900;
		box-sizing:border-box;
		text-align:center;
		bottom:0;
		left:0;
		overflow:hidden;
		pointer-events:none;
    background-color: #19232D;
	}

.button-icon{
	color: #fff;
}

.button-text{
	color: #fff;
}

.copyright{
	color: #fff;
}
	.socials-wrap {
    color: #fff;
}



/*------------------------------------------------------------------
Amy Styles and Mobile Media Queries
-------------------------------------------------------------------*/


.thumb-info{
	font-size: 18px;
}






@media only screen and (max-width: 800px) {
	
	
.overlapping-image .slide-caption .slide-date {
    font-size: 12px;

}

.overlapping-image .slide-caption .slide-cat {
    font-size: 12px;
	width: auto;
	line-height: 18px;

}

	
}



h2{
	font-size: 4.2rem;
	line-height: 3.9rem;
}



h3{
	font-size: 3.2rem;
	line-height: 3rem;
	margin-bottom: 0px;
}






.prime1{
	padding-top: 90px;
	padding-bottom: 90px;	
}

.prime2{
	padding-top: 90px;
	padding-bottom: 90px;	
}

.prime3{
	padding-top: 90px;
	padding-bottom: 90px;	
}



.indi1 {
	padding-top: 90px;
}


.indi1-weird {
	padding-top: 85px;
}


.thunder-collage {
	padding-bottom: 85px;
}

.tile-qc {
	padding-top: 40px;
}

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

	h2 {
		font-size: 3.5rem;
		line-height: 3.3rem;
	}
	
	h3 {
        font-size: 3rem;
        line-height: 2.5rem;		
	}
	
}

@media only screen and (max-width: 730px) {
	
.indi1 {
	padding-top: 40px;
	padding-bottom: 50px;
}
	

.indi3 {
	padding-top: 40px;
}
	
.indi25 {
	padding-top: 40px;
}

.mod-web-vid {
	padding-top: 80px;
}
	
.indiwork-spacer {
		height: 35px;
}
	
}


.team-role {
	padding-bottom: 10px;
}
 

.slide-cat{
	font-size: 24px;

}

	.overlapping-image .slide-caption .slide-cat {
   		max-width: 50%;
		width: auto;
		text-align: center;

}



@media only screen and (max-width: 800px) {
	.slide-title{
		line-height: 20px;
		Width:100%;
	}

	.slide-cat{
		font-size: 14px!important;
		line-height: 18px;
}

	.fara-headline{
		font-size: 2rem;
}

	.overlapping-image .slide-caption .slide-cat {
   		max-width: 50%;
		width: auto;
		text-align: center;

}

}





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

h3 {
    font-size: 3rem;
		line-height: 2.5rem;
}
}

.servind-size {
	line-height: 35px;
}





.qc-move1 {
	padding-top: 80px;
	
}

.qc-1 {
	padding-top: 80px;
	padding-bottom: 20px;
}

.qc-img1{
	padding-bottom: 60px;
}

.qc-2 {
	padding-top: 90px;
	padding-bottom: 30px;
}

.qc-img2{
	padding-bottom: 10px;
}

.qc-move2 {
	padding-bottom: 20px;
}

.qc-3 {
	padding-top: 90px;
	padding-bottom: 15px;
}

.qc-collage {
	padding-bottom: 40px;
}

.qc-4 {
	padding-top: 90px;
	padding-bottom: 30px;
}

.qc-move3 {
	padding-top: 20px;
}


.qc-para1 {
		height:	calc(15rem + 50vw);
}

.qc-para2 {
		height:	calc(15rem + 50vw);
}




.teamname {
	padding-bottom: 10px;
}





.our-process-h{
	padding-bottom: 12px;
}



/*------------------------------------------------------------------
Final Mobile edits
-------------------------------------------------------------------*/

.modigent-image1 {
	padding-top: 85px;
}



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

	
.our-process{
	padding-bottom: 10px;
}	
	
.modigent-image1 {
	padding-top: 0px;
}
	
.prime2{
	padding-top: 35px;
	padding-bottom: 90px;	
}	
	
.cityop-animation {
	padding-bottom: 20px;
}


.cityop-spacer-mobile	{
	height: 35px;
	
}
	
	
	
}