/*
* Theme Name: Mike Riddle Plastering
* Theme URI: https://www.lachancedesign.com/
* Description: Mike Riddle Plastering Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.222222222222222222222222222222
* 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: mesmerize
*/
@import url("../mesmerize/style.css");

/*---------------------------------------------------
>> Global Styles & Resets
---------------------------------------------------*/
:root {

	/* Site Colors */
	 --mr-red: #A83B3B;
	 --mr-yellow: #E6BD06;
	 --mr-grey: #383837;
	 --mr-light-grey: #383837; 

	/* Site Fonts */
	--mont: 'montserrat', sans-serif;
	--times: 'times-new-roman', sans-serif;;

	/* Site Transitions */
	--trans: all .3s ease-in-out;

}
html *, 
body * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: black;
}
.error404 .post-list {
    height: auto!important;
}

/*---------------------------------------------------
>> Component Styles
---------------------------------------------------*/
.shadowImg img {
	box-shadow: 6px 6px 9px rgba(0,0,0,.3);
	transition: var(--trans);
}
.shadowImg img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.9);
}
.whiteTxt, 
.whiteTxt * {
	color: white!important;
}
.times, 
.times * {
	font-family: var(--times)!important;
}
.mont, 
.mont * {
	font-family: var(--mont)!important;
}
.boldBtn * {
  font-weight: 700;
}
a, 
a * {
	transition: var(--trans);
}
.flipped {
  top: 0 !important;
  border: unset;
  bottom: unset;
}
.flipped svg {
	transform: rotate(180deg);
    transform-origin: center;
}


/*---------------------------------------------------
>> Nav Styles
---------------------------------------------------*/
.header-top-bar {
	background-color: transparent;
	margin-bottom: -30px;
}
.top-bar-field {
  display: flex;
  align-items: center;
}
.top-bar-field .fa  {
  color: white!important;
  background: var(--mr-red);
  padding: 5px 7px;
  border-radius: 100px;
}
.top-bar-field .fa-envelope::before {
  top: -2px;
  position: relative;
}
 ul.dropdown-menu > li > a {
	text-transform: inherit!important;
}
ul#main_menu li:last-child a {
  text-transform: uppercase;
}
ul.dropdown-menu li:last-child {
  background: var(--mr-red);
  border: 2px solid var(--mr-red);
}
ul.dropdown-menu li:last-child:hover {
  background: transparent;
}
ul.dropdown-menu li:last-child:hover a{
  color: var(--mr-red);
}
ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
ul.dropdown-menu.default > .current_page_item > a, 
ul.dropdown-menu.default > .current-menu-item > a {
  border-bottom: 3px solid var(--mr-yellow)!important;
}
 ul.dropdown-menu > li:hover > a, 
ul.dropdown-menu > li.hover > a {
    color: var(--mr-yellow)!important;
  }
.header-top-bar-area.area-right {
  z-index: 99999999999;
}


/*---------------------------------------------------
>> Short Form Styles
---------------------------------------------------*/
.shForm {
  top: -100px;
  z-index: 100;
}
.shForm .wpcf7 form .wpcf7-response-output {
  margin: 0 0 1em;
}
.shForm .yelBtn {
  background: var(--mr-yellow);
  border-color: var(--mr-yellow);
  color: white;
  font-weight: 700;
  padding-left: 2rem;
  padding-right: 2rem;
  cursor: pointer;
  transition: var(--trans);
}
.shForm .yelBtn:hover {
	background: transparent;
}
.shForm form {
    margin-bottom: 0!important;
}
.shForm form .col-md-4,
.shForm form .col-md-12 {
    margin-bottom: 20px;
}
.shForm .col-md-12:nth-child(2n+1) {
    margin-bottom: 11px;
}


/*---------------------------------------------------
>> Interior Styles
---------------------------------------------------*/
.header h1.hero-title {
	font-family: var(--times);
}


/*---------------------------------------------------
>> Footer Styles
---------------------------------------------------*/
.footer, 
.footer * {
	color: white;
}
.footer h4.widgettitle {
  font-family: var(--times);
  text-decoration: underline;
  font-size: 2rem;
  line-height: normal;
}
.footer-content {
	padding: 4rem 0;
}
.footer-content-lists .footer-content {
  background-color: var(--mr-grey);
}
.footer-content-lists a, 
.footer-content-lists .textwidget p {
  color: unset;
}