/*
Theme Name: Anthony Irtelli
Theme URI: https://irtelli.com/portfolio/
Version: 1.0
Description: A portfolio child theme for my design work.
Author: Anthony Irtelli
Author URI: https://irtelli.com/portfolio/
template: bb-theme
*/


/********************************
	Header
********************************/

/*** banner ***/ 

/** full depth **/
.fl-builder-content[data-shrink="1"] .fl-row-content-wrap {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.925) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.925) 70%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.925) 70%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	transition: none !important;
}

/*** drop shadow for full depth posts header only ***/
.fl-node-5f1eb4916455b > .fl-row-content-wrap {	
	-webkit-box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
	box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
}


/** shrink **/
.fl-theme-builder-header-shrink-row-top.fl-row-content-wrap {
	background: rgb(255,255,255) !important;
	-webkit-box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
	box-shadow: 0px 6px 14px -1px rgba(0,0,0,0.47);
}

/***Main Menu***/
/*** increase overlay text size ignoring hamburger size ***/
.uabb-creative-menu .menu > li > a {
	font-size: 4rem !important;
	line-height: 1.1 !important;
	color: #fff !important;
}
.uabb-creative-menu .menu > li > a:hover {
	color: #d27e26 !important;
	text-decoration: none !important;
}
.uabb-creative-menu .menu > li > a:focus {
	color: #009f7b important;
	text-decoration: none !important;
}
.uabb-creative-menu-mobile-toggle {
	font-size: 24px !important;
}
	
/********************************
	Fonts
********************************/

h2, h4 {
	color: #5e6b6c !important;
	font-weight: 500 !important;
}

h3 {
	display: block;
	color: #1c1c1c;
	border-bottom: 2px solid #d27e26;
	text-transform: uppercase;
}

h4 {
	padding-bottom: 2rem !important;
}

h5 {
	color: #2e2e2e !important;
	padding: 2rem 0 0 !important;
}

h6 {
	font-family: 'roboto', sans-serif !important;
	color: #009f7b;
	font-weight: 500;
	padding-bottom: 1rem !important;
}

p {
	padding-bottom: .65rem !important;
}

p a, .fl-html a, h6 a {
	color: #009f7b !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

p a:hover, .fl-html a:hover, h6 a:hover, .biotext a:hover {
	color: #d27e26 !important;
	text-decoration: underline !important;
}

.post-terms {
	font-weight: 500;
}

.biotext {
	font-family: 'roboto', sans-serif !important;
	color: #494949 !important;
	font-weight: 300 !important;
	font-size: 1.2rem !important;
	padding-bottom: 1rem !important;
	line-height: 2rem !important;
}

.biotext a {
	display: inline-block !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	border-bottom: none !important;
}

/*** remove ugly dotted lines around links ***/

:focus {
    outline: 0 !important;
}

blockquote {
	background-image: url("images/postquote.svg");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 5.5rem !important;
	font-weight: 500 !important;
	font-size: 1.4rem !important;
	line-height: 1.8rem !important;
	color: #a4a4a4 !important;
	border: none !important;
}

/*** for blockquote quotee ***/
blockquote footer {
	display: block;
	font-weight: 700;
	color: #d27e26;
	font-size: 1.15rem;
	line-height: 1.5rem;
}

blockquote footer::before {
	content: "\2014 \00A0";
}


/*** add spacing to line break ***/
blockquote br {
	margin-bottom: 1.5rem !important;
}

/*** bio image on home page ***/
.fl-node-5b8e4067469de .alignright {
	margin-left: 6rem !important;
}

/********************************************
	Page Navigation
********************************************/

.fl-module-fl-post-navigation .nav-links a {
	font-family: roboto, sans-serif !important;
	font-size: .85rem !important;
	font-weight: 700 !important;
	letter-spacing: 2px;
	display: block;
	background: #009f7b;
	color: #fff !important;
	padding: .15rem 1.5rem .35rem !important;
	border-radius: 1rem !important;
	text-transform: uppercase !important;
	line-height: 1.25rem !important;
}

.nav-arrows-left {
	font-size: 1.5rem;
	margin-left: -.75rem;
}
.nav-arrows-right {
	font-size: 1.5rem;
	margin-right: -.75rem;
}

.fl-module-fl-post-navigation .nav-links a:hover {
	background: #d27e26 !important;
}

/*** build nav in three columns with module sections hidden as necessary ***/
.fl-node-5f1ff6ae24e59 .fl-module-fl-post-navigation .nav-links .nav-next, .fl-node-5f214a3d7b0ea .fl-module-fl-post-navigation .nav-links .nav-previous {
	display: none;
	width: 0 !important;
}

@media (max-width: 768px) {
.fl-module-fl-post-navigation .nav-links .nav-previous a, .fl-module-fl-post-navigation .nav-links .nav-next a {
	justify-content: center;
}
}




/********************************************
	Work
********************************************/


/*** category buttons ***/

ul.uabb-masonary-filters > li {
	font-family: roboto, sans-serif !important;
	font-size: .85rem !important;
	font-weight: 700 !important;
	letter-spacing: 2px;
	display: inline-block;
	background: #009f7b;
	color: #fff !important;
	padding: .3rem 1.25rem !important;
	border-radius: 1rem !important;
	text-transform: uppercase !important;
	margin: .5rem !important;
}

/*** individual blocks title appear on rollover***/

.uabb-blog-posts .uabb-post-thumbnail a {
	color: #fff !important;
}
.uabb-blog-posts .uabb-post-thumbnail ::before {
 position: absolute;
 content: "";
 font-size: 2.8rem !important;
 font-family: "raleway", sans-serif;
 font-weight: 900;
 text-transform: uppercase;
 padding: 5rem !important;
 line-height: 2.5rem;
 height: 100%;
 width: 100%;
 /** this is for the previous fade out ***/
 transition: all .5s ease-in 0ms;
}
.uabb-blog-posts .uabb-post-thumbnail :hover::before {
 font-size: 3.5rem !important;
 font-family: "raleway", sans-serif;
 font-weight: 900;
 background-color: rgba(28,28,28,.75);
 transition: all .2s ease-in 25ms;
 border-bottom: 3px solid #d27e26; 
 content: attr(title);
 color: #ffffff !important;
 padding: 2rem !important;
 letter-spacing: 1px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-transform: uppercase;
 line-height: 3.25rem;
 pointer-events: none;
}


/****************************************************
	Individual posts
****************************************************/

/*** categories ***/
.cat-buttons {
	font-weight: 500 !important;
	text-decoration: none !important;
}

/*** CTA button ***/
.fl-builder-content a.fl-button {
	font-family: Raleway, sans-serif;
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 40px;
	border: none !important;
	border-radius: 2rem !important;
}
.fl-builder-content a:hover.fl-button {
	border: none !important;
	color: #fff !important;
}

/*** post description text ***/
.new-caption {
	display: block;
	border-left: 4px solid #e1dcd5 !important;
	font-size: 16px;
	margin-left: 1rem;
	padding: 0 1rem !important;
	color: #2e2e2e;
	margin-bottom: 6rem;
	width: 77.5%;
}


/*** gallery ***/

p.uabb-caption {
	padding: .5rem !important;
}

.uabb-background-mask .uabb-inner-mask {
	border-bottom: 4px solid #d27e26 !important;
}

/****************************************************
	Gravity forms
****************************************************/
/*** header style ***/
.uabb-gf-style .uabb-gf-form-title {
	font-size: 4.25rem !important;
	line-height: 1.1 !important;
	font-weight: 900 !important;
	display: block !important;
	color: #1c1c1c !important;
	border-bottom: 2px solid #d27e26 !important;
	text-transform: uppercase !important;
}

/*** hide sub labels ***/
.fl-node-5b7d2bc87979b .gform_wrapper .gfield .ginput_container span label {
	display: none;
}
/*** confirmation message ***/
.fl-node-5b7d2bc87979b #gform_confirmation_message_1 {
	font-family: 'roboto', sans-serif !important;
	margin-top: 2rem !important;
	color: #494949 !important;
	font-size: 1.85rem !important;
	text-transform: none !important;
	line-height: 2.5rem !important;
}

/****************************************************
	Footer
****************************************************


/**** cookie law footer ****/
#cookie-law-info-again {
	font-size: 1.25rem !important;
	padding: .5rem 1rem !important;
	box-shadow: none !important;
	border-radius: 1rem 1rem 0 0 !important;
}

.large.cli-plugin-button, .large.cli-plugin-button:visited {
	font-size: 1rem !important;
	padding: .4rem 2rem .5rem !important;
	margin: 0 .5rem !important;
	letter-spacing: 2px !important;
	font-weight: 700 !important;
	border-radius: 1rem !important;
	text-decoration: none !important;
}

.large.cli-plugin-button:hover {
	background-color: #d27e26 !important;
		text-decoration: none !important;
}