/*
 Theme Name:   Modules Child
 Theme URI:    https://www.moseleyarchitects.com/modules-child/
 Description:  Modules Child Theme
 Author:       Patrick Covert
 Author URI:   https://www.moseleyarchitects.com
 Template:     modules
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  moduleschild
*/


/* adjusting settings when printing */
@media print {
	.main-navigation { 
	  display: none !important;
	}
  }

/* auto menu configurer */
@media only screen and (min-width: 960px) {


body[class ~= "page-id-454"] div header div div div nav div div ul li ul {
    padding-top: 20px !important;
}
.home .inner-nav div ul li ul {
		padding-top: 20px !important
}
.home .inner-nav div ul li ul li ul {
		padding-top: 0px !important
}
body[class ~= "page-id-454"] div header div div div nav div div ul li ul li ul  {
    padding-top: 0px !important;
}
.inner-nav div ul li ul  {
	padding-top: 4px !important;
	left: 2px !important;

	
}
.inner-nav div ul li ul li ul {
	padding-top: 0px !important;
	

	
}
.inner-nav div ul li ul li ul  {
	left: 140px !important;

	
}
.main-navigation ul ul {
	left: 0px !important;
}
.inner-nav div ul li ul a {
	left: 2px !important;

	
}




.inner-nav div ul a{
  display: inline-block;
}

body[class ~= "page-id-454"] div header div div div nav div div ul li ul li a:after {
  content: '' !important;
  width: 0px !important;
  height: 1px !important;
  display: block !important;
  background: white !important;
  transition: 300ms !important;
}

.inner-nav div ul a:after {
  content: '' !important;
  width: 0px !important;
  height: 1px !important;
  display: block !important;
  background: black !important;
  transition: 300ms !important;
}

.menu-item-has-children a:hover:after {
	width: 0 !important;
}
body[class ~= "page-id-454"] div div div div div .menu-item a:hover:after {
	width: 100% !important;
}

.menu-item-has-children ul li a:hover:after {
	width: 100% !important;




	
}
}


@media only screen and (min-width: 960px) and (max-width: 1150px) {
	/* adjusts spacing between logo and menu buttons */
	.menu {
    padding-left: 350px !important;
}
	
	.menu li a {
		padding-left: 7px !important;
		padding-right: 0px !important;
		font-size: 13px !important;
		/* color: red !important; */
	}
	.main-navigation ul ul li {
		width: 140px !important;
	}
	/* gets rid of the gap between sub menu and subber menu + adds a little padding to the left of sub menus so it looks better*/

	.main-navigation ul ul li {
    left: -10px !important;
}

.main-navigation ul ul li a {
    margin-left: 10px !important;
}


}


@media only screen and (min-width: 1150px) and (max-width: 1280px)  {
	.menu {
	padding-left: 350px !important;
}
	
	.menu li a {
		padding-left: 14px !important;
		padding-right: 14px !important;
		font-size: 16px !important;
		/* color: blue !important; */
	}

	.main-navigation ul ul li {
		width: 160px !important;

	
}
}

@media only screen and (min-width: 1150px) and (max-width: 1280px)  {
	.menu {
	padding-left: 350px !important;
}
	
	.menu li a {
		padding-left: 7px !important;
		padding-right: 7px !important;
		font-size: 16px !important;
		/* color: blue !important; */
	}

	.main-navigation ul ul li {
		width: 160px !important;

	
}
}


@media only screen and (min-width: 1280px) and (max-width: 1500px) {
	.menu {
	padding-left: 380px !important;
}
	
	.menu li a {
		padding-left: 10px !important;
		padding-right: 10px !important;
		font-size: 16px !important;
		/* color: pink !important; */
	}

}

@media only screen and (min-width: 1500px) {
	.menu {
	padding-left: 400px !important;
}
	
	.menu li a {
		padding-left: 25px !important;
		padding-right: 25px !important;
		font-size: 16px !important;
		/* color: yellowgreen !important; */
	}

	.main-navigation ul ul li {
		width: 170px !important;
	}


}

.menu {
	-webkit-transition: margin-right .2s, padding-left .2s;
	/* Safari */
	transition: margin-right .2s, padding-left .2s;
	
}



.portf-item-thumb img {
		display: block !important;
		width: 100% !important;
		-webkit-transition: all 2s ease !important;
		-moz-transition: all 2s ease !important;
	    -ms-transition: all 2s ease !important;
	    -o-transition: all 2s ease !important;
		transition: all 2s ease !important;
	}
	
	
	
	/* services menu */

	@media only screen and (min-width: 1000px) and (max-width: 1520px) {
		.portfolioInfo {
	width: 88vw !important;
	display: flex !important;
			
}

.portfolioArticle {
	width: 70% !important;
}

.portfolioArticleTags {
	padding-top: 20px !important;
	padding-left: 12% !important;
}

	}	
	
	@media only screen and (min-width: 1520px) {
		.portfolioInfo {
	width: 1400px !important;
	display: flex !important;
}

.portfolioArticle {
	width: 70% !important;
}

.portfolioArticleTags {
	padding-top: 20px !important;
	padding-left: 12% !important;
}

	
}
.portfolioInfo {
-webkit-transition: width .2s, padding-left .2s;
	/* Safari */
	transition: width .2s, padding-left .2s;
	}