/*
 Theme Name:   WM Studio by Minimize
 Description:  Twenty Sixteen Child Theme, REQUIRES Parent Twenty Sixteen Theme: https://wordpress.org/themes/twentysixteen
 Author:       Minimize LLC
 Author URI:   http://minimize.com
 Template:     twentysixteen
 Version:      1.0.2
*/

.cols_wrapper {
	display: flex;
	margin: 15px 0px;
	justify-content: space-around;
}
.cols_wrapper_orig {
	font-size: 0px;
}
.cols_wrapper_orig .cols-orig {
	font-size: 1rem;
}
.one-third {
	/*padding: 0px 30px;*/
}
.two-third {
	/*padding: 0px 30px;*/
}
.fifty-fifty {
	/*padding: 0px 30px;*/
}
.full-width {
	/*padding: 0px 30px;*/

}
.site-header {
/* 	position: absolute; */
	z-index: 1;
/*     width: 100%; */
	padding: 0 15px;

}
.background-image {
	position: relative;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.entry-title {
	position: absolute;
	top: calc(90%);
	color: white;
	padding: 0px 20px;
	font-size: 18px;
}
.page-template-page-front .site-main {
	margin-bottom: 0px;
}

/* MISC ~ TWENTY SIXTEEN CLEANUP */ 
.clearfix {
	clear: both;
}
.site-description {
	display: block;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
*:focus, *:active,
a:focus {
    outline: none;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
	outline: none;
	outline-offset: 0px;
}
.edit-link {
	display: none;
}
span.edit-link {
	display: none;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
	box-shadow: 0 0px 0 0 currentColor;
}

/* NO SIDEBARS */
/* "no-sidebar" body class > Even if they introduce sidebar/widgets for a blog style page; prevent pages from showing #secondary */
.no-sidebar .sidebar,
.no-sidebar .site-footer .main-navigation {
	display: none;
}

/* FULL BLEED */
.site-inner {
	max-width: none;
}
.site-header-main,
.site-info,
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
	/*max-width: 1320px;*/
	margin-left: auto;
	margin-right: auto;
}

/* HEADER ~ LOGO */
.home .custom-logo-link {
	/* background-image: url("images/LOGO@2X.png"); */
	background-repeat: no-repeat;
	background-size: cover;
}
.site-title a span {
	display: none;
}
.site-title a:before {
	content: "Cynthia Mosby";
}
.site-title a:after {
	content: " Design";
}

/* HEADERS */
.custom-logo {
	max-width: 200px !important;
	height: auto !important;
	background-size: contain;
	background-repeat: no-repeat;
}

/* NAVIGATION */
.menu-toggle:before {
	content: "\f419";
	font: normal 16px/1 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.menu-toggle {
	border: 0px;
	padding-right: 0px;
}
.main-navigation li {
	border-top: 0px;
}
.main-navigation .primary-menu {
	border-bottom: 0px;
}
.main-navigation a {
	padding: 0.5rem 0;
}
.site-header-menu.toggled-on {
	margin-top: 0;
	text-align: right;
}

/* MODERN FLOAT COLUMNS */

.cols-orig {
	/* change the box model for simplicity */
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.cols_wrapper {
	font-size: 0; /* NEEDED TO PREVENT GAPS */
}
.cols {
	font-size: 1rem; /* NEEDED TO PREVENT GAPS */
}


/* HOME ~ FRONT PAGE */
.page-template-page-front .cols_wrapper {
	text-align: center;
}
.page-template-page-front .cols {
	margin-bottom: 20px;
	padding: 1% 7.6923%;
}
.page-template-page-front .entry-header {
	padding: 0 7.6923%;		
}
.page-template-page-front .entry-header {
	display: none;
}
.page-template-page-front .background-image {
	background-position: center top;
}
.page-template-page-front .site-content {
	cursor: pointer;
}

/* HOME ~ FRONT PAGE - CHANGE TO LOOK LIKE mwworks.com */




/* WORK - PROJECTS PAGE TEMPLATE */
.page-template-page-work .cols-orig .cols_wrapper_orig {
	padding: 0px 16px;
}
.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig {
	width: 50%;
	position: relative;
	padding-bottom: 16px;
}
.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig:nth-child(odd) {
	padding-right: 8px;
}
.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig:nth-child(even) {
	padding-left: 8px;
}
.grid-title {
	position: absolute;
	bottom: 0.25rem;
	left: 10px;
	
	bottom: 20px;
}
.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig:nth-child(even) .grid-title {
	left: 20px;
}

/* SINGLE PROJECT PAGE */
.single-work .entry-content, .single-projects .entry-header {
	padding: 1% 7.6923%;
}
.single-work .entry-content {
	margin-bottom: 15px;
	padding: 0;
}
.single-work .cols {
	margin: 1% 0;
}
.single-work .cols_wrapper div:first-child:not(.full-width) {
	padding-right: 8px;
}
.single-work .cols_wrapper div:nth-child(2) {
	padding-left: 8px;
}
.single-project-text {
	padding: 0 30px;
	margin-top: 30px;
}
.single-project-text a {
/* 	color: #8c8c8c; */
}
.single-project-text a:hover {
	font-weight: 700;
}
.single-work .background-image {
	height: 50vh;
	height: 30vh;
	background-position: center center !important;
	display: none;
}
.single-work .site-inner {
	overflow-x: hidden;
}

/* CUSTOM DEFAULT PAGE ~ ABOUT, CONTACT, ETC. */
.page-template-page-default .post-thumbnail {
	margin: auto;
}
.page-template-page-default .entry-title {
	padding: 0 7.6923%;
}
.page-template-page-default .cols_wrapper {
	padding: 0 15px;
}
.page-template-page-default .cols_wrapper {
	margin-top: 0;
}
.text-content-wrapper {
	margin-top: 25px;
	padding-right: 50px;
}

/* DEFAULT PAGES */
.page .entry-header {
	display: none;
}

/* FOOTER */
.site-footer {
	display: none;
}

/* IMAGES - BACKGROUNDS */

/* COLORS - BACKGROUNDS */
body {
	background: #fff;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
	background: transparent;
}

/* COLORS - TEXT */

body, .site-branding .site-title a, .site-branding .site-title a:visited, .main-navigation a, .main-navigation a:visited,
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus,
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
	color: #004863; /* PREVIOUS BLUE */
	color: #8c8c8c;
}



/* COLORS - OTHER ELEMENTS */

/* OPACITY ROLLOVERS ETC */

/* FONT ASSIGNMENTS */
body, .site-title, .main-navigation, .entry-title, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	
	font-family: jaf-domus,sans-serif;
	font-weight: 300;
	font-style: normal;
}
strong,
.single-project-title {
	font-family: jaf-domus,sans-serif;
	font-weight: 600;
	font-style: normal;
}

/* FONT FAMILIES */
.roboto {
	font-family: 'Roboto', sans-serif;
}
.montserrat {
	font-family: 'Montserrat', sans-serif;
}
.eb-garamond {
	font-family: 'EB Garamond', serif;
}

/* FONT WEIGHTS */
.gfw-extra-light {
	font-weight: 200; /* GOOGLE FONT WEIGHT - EXTRA LIGHT */
}
.gfw-light,
body,
.entry-title,
.site-title a:after {
	font-weight: 300; /* GOOGLE FONT WEIGHT - LIGHT */
}
.gfw-regular {
	font-weight: 400; /* GOOGLE FONT WEIGHT - REGULAR */
}
.gfw-medium,
.site-title a:before,
strong,
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a,
.single-work .main-navigation #menu-item-57 a {
	font-weight: 500; /* GOOGLE FONT WEIGHT - MEDIUM */
	font-weight: 600; /* jaf-domus */
}
.gfw-bold {
	font-weight: 700; /* GOOGLE FONT WEIGHT - BOLD */
}
.gfw-black {
	font-weight: 900; /* GOOGLE FONT WEIGHT - BLACK */
}

/* FONT SIZES */
.grid-title {
	font-size: 0.6875rem;
	font-size: 0.875rem;
	font-size: 1rem;
}
body, p, .cols {
	font-size: 0.875rem;
	font-size: 1rem;
}
.single-work .entry-title {
	font-size: 1rem;
	font-size: 1.125rem; /* 18px */
}
.site-title {
	font-size: 1.3125rem; /* 21px */
}

/* LINE HEIGHTS */
.grid-title {
	line-height: 130%;
}
p, .cols {
	line-height: 150%;
}

/* LETTER SPACING */

/* TREATMENTS */
body {
	/* text-transform: lowercase; */
}
.project-description,
.normal-case,
.single-project-text,
.text-content-wrapper,
.page-template-page-work .grid-title,
.primary-menu {
	text-transform: none;
}
.menu-toggle.toggled-on:focus {
	outline: none;
}


/* BEGIN RESPONSIVE MEDIA QUERIES ~ BREAKPOINTS */
/**
 * 14.1 - >= 710px [Twenty Sixteen]
 */
@media screen and (min-width: 44.375em) {
	/* REMOVE TWENTY SIXTEEN DEFAULT MARGINS */
	.site {
		margin: 0;
	}
	body:not(.custom-background-image):before, body:not(.custom-background-image):after {
		height: 0;
	}
	.page-template-page-front .site-main {
    	margin-bottom: 0px;
	}
		
	/* FONT SIZES */
	.grid-title {
		font-size: 1rem;
	}
}

/**
 * 14.2 - >= 783px [Twenty Sixteen]
 */

@media screen and (min-width: 48.9375em) {
	
	/* FONT SIZES */
	
}

/**
 * 14.3 - >= 910px [Twenty Sixteen]
 */
@media screen and (min-width: 56.875em) {
	
	/* HEADERS */
	.custom-logo {
		max-width: 232px !important;
	}
	
	/* NO SIDEBARS */
	.content-area-no-sidebar {
		float: none;
		width: 100%;
	}
	
	/* FULL BLEED */
	.site-content {
		padding: 0;
	}
	/*
	.site-main article {
		padding-right: 4.5455%;
		padding-left: 4.5455%;
	}
	*/
	
	/* NAVIGATION */
	.site-header {
		position: fixed;
		bottom: 1%;
	}
	.site-branding {
		width: 100%;
	}
	.main-navigation a {
		padding: 0.65625em 0.875em;
	}
	body:not(.single-work) .site-branding {
		width: auto;
		margin: auto;
	}
	body:not(.single-work) .site-header-menu {
		width: 100%;
	}
	body:not(.single-work) .primary-menu {
		display: flex;
		justify-content: center;
	}

	/* FONT SIZES */
	.single-work .entry-title {
		font-size: 1.125rem;
	}
	
	/* HOME ~ FRONT PAGE */
	.page-template-page-front .cols {
		width: 49%;
	}
	.page-template-page-front .cols:nth-child(odd) {
		margin-right: 2%;
	}
	.page-template-page-front .cols {
		padding: 0;
	}
	
	/* HOME ~ FRONT PAGE - CHANGE TO LOOK LIKE mwworks.com */
/* 	.page-template-page-front .site-header */
	.site-header {
		position: fixed;
		margin-top: 0;
		bottom: 10%;
		left: 5%;
		left: 2.5%;
		max-width: 280px;
	}
	.single-work .site-header {
		max-width: none;
	}
	.page-template-page-front .main-navigation a {
		padding-right: 0.875em;
	}
	.page-template-page-front .site-header-menu {
		position: relative;
		bottom: auto;
	}
	
	/* WORK - SINGLE PROJECT PAGE */ 
	.single-work .site-header {
		position: absolute;
		top: 0;
		width: 100%;
		bottom: auto;
		left: 0;
		padding-left: 2.5%;
	}
	.single-work .site-branding {
		width: auto;
	}
	.single-work .cols {
		width: 49%;
	}
	.single-work .cols:nth-child(odd) {
		margin-right: 2%;
	}
	.single-work .cols_wrapper {
		text-align: center;
	}
	.single-work .entry-content, .single-work .entry-header, .single-work .site-header-main {
		padding: 0 30px;
	}
	.single-work .cols {
		padding: 0;
	}
	.single-project-text {
		padding: 0;
	}
	.entry-title {
		padding-left: 30px;
	}
	.single-work .site-header-main {
		padding: 0 15px;
	}
	.single-work .background-image {
		height: 100vh;
		display: block;
	}
	.mobile-hero-image {
		display: none;
	}
	
	/* WORK PROJECTS PAGE TEMPLATE */
	.page-template-page-work .cols-orig:first-child {
		width: 33.3%
	}
	.page-template-page-work .cols-orig:nth-child(2) {
		width: 66.6%
	}
	.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig .grid-title {
		display: none;
	}
	.page-template-page-work .cols-orig .cols_wrapper_orig .cols-orig:hover .grid-title {
		display: inline-block;
	}
	.page-template-page-work .cols-orig .cols_wrapper_orig {
    	padding: 0px 0px;
	}
	
	/* CUSTOM TEMPLATE ~ ABOUT, CONTACT, ETC. */
	.page-template-page-default .content-area {
		margin-right: 0;
		width: auto;
		float: none;
	}
	.page-template-page-default .cols {
/* 		width: 50%; */
		width: 66.6%;
	}
	.page-template-page-default .cols:first-child {
		width: 33.3%;
	}
	.page-template-page-default .cols:nth-child(odd) {
/* 		padding-right: 15px; */
	}
	.page-template-page-default .cols_wrapper, .page-template-page-default .entry-title {
    	padding: 0;
	}
	.page-template-page-default .post-thumbnail {
		display: inline-block;
	}
	
	/* FONT COLORS */
	.page-template-page-front .site-branding .site-title a,
	.page-template-page-front .main-navigation a, .page-template-page-front .main-navigation a:visited, .page-template-page-front .main-navigation a:hover {
		color: #FFF;
	}
	.page-template-page-front .site-branding .site-title a {
		color: #FFF !important;
	}
	.single-work .main-navigation a,
	.single-work .main-navigation a:visited {
		color: #FFF;
	}
	
	/* FONT SIZES */
	.site-header-menu {
		font-size: 1.125rem;
	}
	.site-title {
		font-size: 1.625rem;
	}
}

/**
 * 14.4 - >= 985px [Twenty Sixteen]
 */
@media screen and (min-width: 61.5625em) {

	/* FONT SIZES */
	
	/* OVERRIDE PARENT LINE 3572 */
	body:not(.search-results) article:not(.type-page) .entry-content {
    	float: none;
		width: auto;
	}
	.page-template-page-front .site-main {
    	margin-bottom: 0px;
	}
}

/**
 * 14.5 - >= 1200px [Twenty Sixteen]
 */
@media screen and (min-width: 75em) {
	
	/* FONT SIZES */
	
}