/*
* Theme Name: Freedom Fence Company
* Theme URI: https://www.lachancedesign.com/
* Description: Freedom Fence Company Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.44444444444444444444444444
* 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 */
	--freedom-light-grey: #B0B0B0;
	--freedom-grey: #616161;
	--freedom-charcoal: #2A2829;
	--freedom-green: #668038;
	--freedom-tan: #E2C9BC;
	--freedom-brown: #482714;
	--freedom-blue: #0D2A6F;
	--freedom-red: #BE0400;

	/* Site Fonts */
	--roboto: 'roboto', sans-serif;
	--gotham: 'gotham', sans-serif;;

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

}
html *, body * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--roboto);
	color: var(--freedom-charcoal);
}
.error404 .post-list {
    height: auto!important;
}
a, a * {
	transition: var(--trans);
}


/*---------------------------------------------------
>> 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);
}
.shadowBox {
  box-shadow: 3px 3px 9px rgba(0,0,0,.5);
}
.whiteTxt, .whiteTxt * {
	color: white!important;
}
.gotham, .gotham * {
	font-family: var(--gotham)!important;
}
.fancyBorder {
  border-top: 2px solid var(--freedom-red);
  width: 40px;
  display: inline-block;
  top: -4px;
  position: relative;
}
.min350 {
	min-height: 350px!important;
}
.radiusTop {
	border-radius: 30px 30px 0px 0px;
	overflow: hidden;
}
.hiddenTxt {
	display: none!important;
}
.wpcf7-turnstile {
  display: none;
}


/*---------------------------------------------------
>> Nav Styles
---------------------------------------------------*/
ul#main_menu {
	justify-content: center;
}
#menu-top-nav, 
#menu-socials {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
}
#menu-top-nav li, 
#menu-socials li {
  display: inline-block;
}
#menu-top-nav li + li, 
#menu-socials li + li {
  margin-left: 10px;
}
#menu-top-nav li a, 
#menu-socials li a {
	text-decoration: none;
}
#mainmenu_container {
  width: 100%;
  margin: 0;
}
.navigation-bar .cented {
  align-items: center;
  justify-content: center;
  display: flex;
}
.navigation-bar {
	padding: 0;
}
.navigation-bar .div-top {
	padding: 0;
}
.navigation-bar .div-top .col-sm-9 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navigation-bar .div-top .col-sm-9 ul li {
	font-size: 14px;
}
.navigation-bar ul.dropdown-menu > li > a {
	text-transform: capitalize;
	font-family: var(--gotham);
	font-weight: 500;
}
.main_menu_col.col-xs::before {
  width: 20px;
  height: 102%;
  background: var(--freedom-charcoal);
  top: -2px;
  left: 269px;
  position: absolute;
  z-index: 1;
  transform: rotate(6deg);
}
.div-top .col-sm-3.cented::before {
  width: 2px;
  height: 101%;
  background: var(--freedom-red);
  left: -38px;
  position: relative;
  transform: rotate(10deg);
}
.row.div-top .fa {
  color: var(--freedom-red);
}
.row.div-top a {
	color: var(--freedom-charcoal);
}
.navigation-bar .div-bot {
  padding:0;
  border-top: 2px solid var(--freedom-red);
  overflow: hidden;
}
/*.div-bot .col-md-3::before {
  width: 22px;
  height: 110%;
  position: relative;
  background: var(--freedom-red);
  top: 0;
  left: -55px;
  transform: rotate(10deg);
}*/
.navigation-bar .div-bot .cented {
	-webkit-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
  background: url('https://www.freedomfencecompanynh.com/wp-content/uploads/2025/08/freedom_fence_button_bg.png') left center no-repeat;
  background-size: cover;
  padding-left: 0;
}
.div-bot .col-sm-3.cented:hover {
	background: url('https://www.freedomfencecompanynh.com/wp-content/uploads/2025/08/freedom_fence_button_blue_bg.png') left center no-repeat;
	background-size: cover;
	padding-left: 0;
}
.navigation-bar .div-bot .col-sm-9 {
	padding: 1rem 0;
}
.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.coloured-nav ul.dropdown-menu.default > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.default > .current-menu-item > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.fixto-fixed ul.dropdown-menu.default > .current_page_item > a, 
.fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
  border-color: var(--freedom-red);
}
ul.dropdown-menu > li:hover > a, 
ul.dropdown-menu > li.hover > a {
    color: var(--freedom-red);
  }
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
  color: var(--freedom-red);
}


/*---------------------------------------------------
>> Home Page Styles
---------------------------------------------------*/
.missionList ul {
	list-style: none;
	width: fit-content !important;
	margin: 24px 45px;
}
.missionList ul li {
  display: inline-block;
}
.missionList ul li a {
  color: var(--freedom-red);
}
.missionList ul li a:hover {
  color: var(--freedom-green);
}
.missionList ul li + li {
  margin-left: 25px
}
.missionList ul li strong {
  color: white;
  font-size: 1.2rem;
  font-family: var(--gotham);
}


/*---------------------------------------------------
>> Interior Page Styles
---------------------------------------------------*/
.header h1.hero-title {
	font-family: var(--gotham);
	font-weight: 700;
	text-shadow: 6px 6px 9px rgba(0,0,0,.5);
	font-size: 3rem;
}


/*---------------------------------------------------
>> Form Styles
---------------------------------------------------*/
.formed form {
    margin: 0!important;
}
.ctaBox form {
    margin-bottom: 0!important;
}
input:not([type="checkbox"]), textarea, select {
  border-color: gray;
  margin-bottom: 15px;
}
textarea {
    height: 110px;
}
.formed .wpcf7-submit {
    margin-top: 20px;
    display: inline-block;
    color: white;
	border: none;
	background: var(--freedom-red);
	padding: 10px 25px;
	border-radius: 0;
}


/*---------------------------------------------------
>> Footer Styles
---------------------------------------------------*/
.ctaBox input {
  margin-bottom: 0;
}
.footer * {
	color: white;
}
a.footService {
	margin-top: 25px;
	display: block;
	border: 2px solid white;
	width: fit-content;
	padding: 7px 30px;
	text-decoration: navajowhite;
	font-weight: 600;
	color: white !important;
	transition: var(--trans);
}
a.footService:hover {
	border-color: var(--freedom-red);
	background: var(--freedom-red);
}
.footer-content-lists .footer-content {
	padding-top: 2rem;
	padding-bottom: 5rem;
	background-color: var(--freedom-charcoal)!important;
}
.foot-top input[type="submit"] {
  background: var(--freedom-red);
  width: 100%;
  border: var(--freedom-red);
  color: white;
}
.footer-top input {
	  border-radius: 0!important;
}
.footer-content h4.widgettitle {
	font-family: var(--gotham);
	text-decoration: underline;
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
.footer-content-lists .textwidget p {
  color: unset;
}
ul#menu-socials-1 li {
  display: inline-block;
}
ul#menu-socials-1 li + li {
  margin-left: 15px;
}
.footer-content .widget + .widget {
  margin-top: 1.5rem;
}


/*---------------------------------------------------
>> Media Queries
---------------------------------------------------*/

@media (max-width:80.063em){
    /*For screen sizes: 1281.008px*/

}
@media (max-width:74.96875em){
    /*For screen sizes: 1199.5px*/

}
@media (max-width:72.063em){
    /*For screen sizes: 1153.008px*/

}
@media (max-width:64.063em){
    /*For screen sizes: 1025.008px*/
	.is_absolute {
		margin-top: 0!important;
		background: var(--freedom-brown);
	}
	.coloured-nav ul.dropdown-menu > li, .fixto-fixed ul.dropdown-menu > li {
	  color: white;
	}
	.coloured-nav .main_menu_col [data-component="offcanvas"] .bubble, 
	.fixto-fixed .main_menu_col [data-component="offcanvas"] .bubble {
		background: white;
	}
	.main_menu_col [data-component="offcanvas"] i.fa {
		color: white;
	}
	.main_menu_col {
		background: unset!important;
	}
	.main_menu_col.col-xs::before {
		position: unset;
		display: none;
	}
	.navigation-bar .div-bot .cented {
		background: var(--freedom-red);
	}
	.navigation-bar .div-top {
	  display: none;
	}
	.navigation-bar .div-bot {
		border: none;
	}
	.navigation-bar .div-bot .col-sm-9 {
		padding: 0!important;
	}
}
@media (max-width:61.9375em){
    /*For screen sizes: 991px*/

}
@media (max-width:60.063em){
    /*For screen sizes: 961.008px*/
	.formed form {
		display: none;
	}
	.hiddenTxt {
		display: block!important;
	}
}
@media (max-width:54.063em){
    /*For screen sizes: 865.008px*/

}
@media (max-width:47.9375em){
    /*For screen sizes: 767px*/
	html *, body * {
		text-align: center!important;
	}
	.missionList ul li + li {
	  margin-left: 0!important;
	}
	#mainmenu_container+a {
		display: inline-block;
	}
	.div-bot>.col-sm-9 {
		text-align: center;
	}
	.navigation-bar .col-sm-3.cented {
		display: none;
	}
	.mobLessPad > .vc_column-inner {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}
	.mobLessPadList {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}
	.missionList ul {
	  margin: 24px 25px;
	}
	.footService {
	  margin: 0 auto;
	  margin-top: 0px;
	}
	.nLetter .col-md-7,
	.nLetter .col-md-2 {
		padding: 0!important;
	}
	.contBox .card {
		margin-bottom: 15px;
	}
	.grid {
		display: grid;
	}
	.order1{
		order: 1;
	}
	.order2 {
		order: 2;
	}
}
@media (max-width:40.063em){
    /*For screen sizes: 641.008px*/

}
@media (max-width:35em){
    /*For screen sizes: 560px*/

}
@media (max-width:33.75em){
    /*For screen sizes: 540px*/

}
@media (max-width:30.063em){
    /*For screen sizes: 481.008px*/

}
@media screen and (max-width:28.75em){
    /*For screen sizes: 460px*/

}
@media screen and (max-width:20em){
    /*For screen sizes: 320px*/

}