/* 

  Name: DeerFields Branding/Styling
  Description: Site Dudes custom styles to update the branding/design of the website to match DeerFields.ca brading/design
  Author: Site Dudes
  Date: September 2020 

*/



/* General
--------------------------------------------------------- */
body {
  overflow-x:hidden;
  background-position:center center !important;
}


/* Typography
--------------------------------------------------------- */
h2, h1.h2.blog-title {
  color:#e7b63c;
}


/* Modules
--------------------------------------------------------- */
/* Buttons*/
.btn-primary, #slider .tp-button, input[type=submit] {
  background: #e7b63c !important;
  border:none !important;
  text-shadow: none !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:hover, #slider .tp-button:hover, input[type=submit]:hover,
.btn-primary:focus, #slider .tp-button:focus, input[type=submit]:focus {
  background: #be911f !important;
}


input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus {
  outline-color:#e7b63c !important;  
}
input::placeholder, textarea::placeholder {
  color:#333 !important;  
}

/* Blockquotes */
blockquote {
    color:#333 !important; 
    border-left-color:#e7b63c;
}

  blockquote h2 {
    color:#2d2d2d;  
  }

blockquote.quote {
    
}
blockquote.quote:before,
blockquote.quote:after {
    font-size: 52px;
    opacity: 0.35;
}
blockquote.quote:before {
    content:"\f10d" !important;
    top:0 !important;
    left:0;
}
blockquote.quote:after {
    content:"\f10e" !important;
    top:auto !important;
    bottom:0;
    left:auto;
    right:0;
}

  
/* Layout
--------------------------------------------------------- */
#top-bar {
  background:#e7b63c;
}

  #top-bar a {
    font-weight:600;
  }

#site-header {
  background: url('/wp-content/uploads/2026/07/aaron-mobile-header-bg-new2.png') no-repeat !important;
  background-size:contain !important;
  background-position:50vw center !important;
  background-color:#fff !important;
}

  header#site-header h1,
  header#site-header .h1 {
    color:#e7b63c;
  }

header#site-header h1 span, header#site-header .h1 span {
  color:#2d2d2d;
}

header#site-header h2, header#site-header .h2 {
  color:#333333;
}
header#site-header h2:before, header#site-header .h2:before, 
header#site-header h2:after, header#site-header .h2:after,
blockquote.quote:before, blockquote.quote:after {
  font-family:"FontAwesome";
  background:none !important;
  width:auto !important;
  overflow:visible !important;
  height:unset !important;
}
header#site-header h2:before, header#site-header .h2:before {
  content:"\f10d" !important;
  top:0 !important;
  left:0;
}
header#site-header h2:after, header#site-header .h2:after {
  content:"\f10e" !important;
  top:auto !important;
  bottom:0;
  left:auto;
  right:0;
}

#main-nav {
  height:60px !important;
  margin-bottom: 0px !important;
  background: #efefef !important;
  border-top: solid 1px #c8c8c8;
  border-bottom:solid 6px #e7b63c;
}

#main-nav > .container {
    padding-left:0;
      padding-right:0;
}

    #menu-primary-menu {
        border:none !important;
    }

      #menu-primary-menu > li > a {
        height: 56px;
        line-height: 56px;
        padding-top: 0;
        padding-bottom: 0;
        font-size:20px !important;
        color:#2d2d2d !important;
        border:none !important;
        text-shadow:none !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
      }
      #menu-primary-menu > li > a:hover,
      #menu-primary-menu > li > a:focus {
        color:#2d2d2d !important;
        border:none !important;
        text-shadow:none !important;
        background:#e7b63c !important;
        opacity:0.75;
      }
      #menu-primary-menu > li > a:active {
        opacity:1;
      }

      #menu-primary-menu > li.current-menu-item > a,
      #menu-primary-menu > li.current-menu-parent > a,
      #menu-primary-menu > li.current-menu-ancestor > a {
        background:#e7b63c !important;
      }

      #main-nav .dropdown-menu {
        top: 59px;
        background:#efefef;
      }

        #main-nav .dropdown-menu > li > a {
          padding:0 15px !important;
          height: 40px;
          line-height: 40px;
          font-size:20px;
          color: #2d2d2d;
          text-shadow: none;
          border:none !important;
          border-bottom:solid 1px #c8c8c8 !important;
        }
        #main-nav .dropdown-menu > li > a:hover,
        #main-nav .dropdown-menu > li > a:focus {
          background:#c8c8c8;
        }

        #main-nav .dropdown-menu > li:last-of-type > a {
          border-bottom:none !important;
        }

#sidebar figure,
#sidebar form {
    border-left-color:#2d2d2d !important;  
}

#footer {
  background:#2d2d2d;
}

#footer h2 {
  color:#e7b63c !important;
}

  #slider {
    margin-top:0px;  
  }


/* Pages
--------------------------------------------------------- */
/* Home */
#slider .tp-caption.aaronslidercaption {
  border:none !important;  
}

#slider .contact-form form {
  background:#2d2d2d !important; 
}

#slider .contact-form form h2 {
  color:#e7b63c !important;
}

  h1.entry-title, p.h1.entry-title {
      color: #e7b63c;
      background-color: #2d2d2d;
  }

  .home_services {
      display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
        display: flex;
  }

    .home_services article {
          display: -webkit-box; 
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex; 
            display: flex;
            flex-direction: column;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
        justify-content: space-between;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
    }

      .home_services article > a {
              display:block;  
      }

                .home_services header {
                    background-color: #2d2d2d;
                    border-bottom: 5px solid #e7b63c;
                }
                    .home_services header h3 {
                        font-weight:600;  
                    }
                .home_services .item:hover header,
                .home_services .item:focus header {
                    background:#444444 !important;
                }

  .home_secondary figure img {
      border-right:none !important;  
  }


/* Services */
.service > div {
	border-left-color:#2d2d2d;  
}

	.service > div header {
    	background:#2d2d2d;  
	}



body.page-id-1372 {
			background-image:url('/wp-content/uploads/2020/09/C794D74F-7BCA-4043-9942-BEE38B07BBD6-scaled.jpg') !important;
		}


		a {
        	color:#e7b63c;
          	font-size:18px;
		}
		a:hover, a:focus {
        	color:#be911f !important;
		}

		h2 a:hover, h2 a:active, h1.h2.blog-title a:hover, h1.h2.blog-title a:active {
        	text-decoration:underline;  
		}

		p.meta a:link, p.meta a:visited {
          	color:#e7b63c;
		}

		#main-nav .dropdown-menu >li > a

		article ul li:before {
        	content:"\f0da";
          	font-family:"FontAwesome";
          	color:#e7b63c;
          	font-size:20px;
		}

		#site-header .row {
        	display: -webkit-box; 
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
          	align-items:center;
          	-webkit-align-items:center;
          	-moz-align-items:center;
          	-ms-align-items:center;
		}

			#site-header .df-logo {
				display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
              	flex-direction:column;
              	-webkit-flex-direction:column;
              	-moz-flex-direction:column;
              	-ms-flex-direction:column;
              	align-items:center;
                -webkit-align-items:center;
                -moz-align-items:center;
                -ms-align-items:center;
			}

				#site-header .df-logo img {
					height:100px;
				}

				#site-header .df-logo span {
                	color:#333;
                  font-size:16px;
				}
		

		.home_services {
        	flex-wrap: wrap;
          	-webkit-flex-wrap: wrap;
          	-moz-flex-wrap: wrap;
          	-ms-flex-wrap: wrap;
		}
		
		.service > div {
			border-left-color:#2d2d2d;
		}
		
			.service > div header {
            	background:#2d2d2d;  
			}

		.red-box {
        	background:#e7b63c;  
		}
		a:hover .red-box, a:active .red-box {
        	background:#d9a932;  
		}

		.blocks-services {
          	display: -webkit-box; 
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex; 
            display: flex;
          	flex-wrap: wrap;
          	-webkit-flex-wrap: wrap;
          	-moz-flex-wrap: wrap;
          	-ms-flex-wrap: wrap;
		}

			.blocks-services .service {
            	margin-bottom:30px;  
			}

				.blocks-services .service > div {
                  	height:100%;
                	margin-bottom:0;
                  	padding-bottom:0;
				}

		#main-nav .navbar-default .navbar-brand {
        	color:#2d2d2d;
          	font-weight:600;
          	text-shadow:none;
		}

		#main-nav .navbar-toggle {
        	background:#2d2d2d;  
		}

		.navbar-default .navbar-toggle {
        	border-color:#e7b63c;
		}
		.navbar-default .navbar-toggle .icon-bar {
            background: #e7b63c;
        }

		.home_secondary .row {
       		display: -webkit-box; 
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex; 
            display: flex;
          	align-items:center;
          	-webkit-align-items:center;
          	-moz-align-items:center;
          	-ms-align-items:center;
		}

            .home_secondary h3 {
                margin-top:0;  
            }

		.callout-df {
          	margin-bottom:30px;
        	text-align:center;  
		}

			.callout-df > p:first-of-type {
				margin-bottom:0;
              	border:solid 1px #d8d8d8;
              	border-bottom:none;
			}

			.callout-df a {
            	display:inline-block;
              	font-weight:600;
			}

			.callout-df .callout-content {
            	padding:10px 15px;
              	background:#efefef;
			}

		.df-social .fa {
          	margin-right:5px;
        	font-size:2.4rem;
		}

		h3.qa-faq-title a::before {
			content: "\f0da";
            font-family: "FontAwesome";
            color: #e7b63c;
            font-size: 20px;
		}
		h3.qa-faq-title a.active:before {
			content: "\f0da";
          	transform:rotate(45deg);
		}

		.package {
            border-left: 5px solid #e7b63c;
            background-color: #efefef;
        }

			.package header {
    			background-color: #e7b63c;
			}

				.package ul li {
                	color:#333;  
				}
				.package ul li:before {
                	content: "\f0da";
   	 				font-family: "FontAwesome";
				}

		.package ul li:before {
        	color:#e7b63c;  
		}

		.glyphicon-time:before {
        	content: "\f073";
        	font-family: "FontAwesome";
          	color:#e7b63c;
		}

		.glyphicon-tag:before {
        	content: "\f02b";
        	font-family: "FontAwesome";
          	color:#e7b63c;
		}

		article.post {
    		border-bottom: 5px solid #e7b63c;
		}

		.widget ul li:before {
          	content: "\f0da";
          	font-family: "FontAwesome";
          	color:#e7b63c;
		}

		.glyphicon-pencil:before {
          	color:#e7b63c;
		}

		.glyphicon-circle-arrow-left:before {
        	content: "\f0d9";
          	font-family: "FontAwesome";
          	color:#e7b63c;
		}

		.glyphicon-circle-arrow-right:before,
		article ul li:before {
          	content: "\f02b";
        	font-family: "FontAwesome";
          	color:#e7b63c;
		}

		#main-nav li a:hover, #main-nav li a:active, #main-nav li.open>a, #main-nav li.open>a:hover, #main-nav li.open>a:focus, #main-nav li.current-menu-item>a, #main-nav li.current_page_parent>a {
			background-color:transparent;
		}
		
		@media screen and (max-width:991px) {
          
          	#top-bar ul li:first-of-type {
            	padding:10px 0;
              	text-align:center;
          	}
          
          		#top-bar a {
          			font-weight:500;
                  	font-size:20px;
          		}
          
        	#bs-example-navbar-collapse-1 {
              position:relative;
              top:9px;
              background:#fff;
              box-shadow:0 6px 8px rgba(0,0,0,0.5);
			}
		}
      @media only screen and (max-width:768px) {
        	#site-header .row {
            	flex-direction:column;
              	-webkit-flex-direction:column;  
              	-moz-flex-direction:column;  
              	-ms-flex-direction:column;
              	align-items:flex-start;
              	-webkit-align-items:flex-start;  
              	-moz-align-items:flex-start; 
              	-ms-align-items:flex-start;
        	}
        
        		#site-header .df-logo {
                	display: -webkit-inline-box; 
                    display: -moz-inline-box;
                    display: -ms-flexbox;
                    display: -webkit-inline-flex; 
                    display: inline-flex;
        		}
        
        	.blocks-services .service { width:100%; }
      }

		@media screen and (max-width:640px) {
        	#site-header {
            	padding-top: 85vw;
                padding-bottom: 30px;
                background-position: center top !important;
          	}
          
          		#site-header .df-logo {
                	display: -webkit-box; 
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex; 
                    display: flex;
        		}
		}

		@media screen and (max-width:600px) {
        	#menu-social ul {
          		position:relative;
              	right:0;
          	}
          
          		#menu-social li a {
          			padding:0;
          		}
		}
	
		@media screen and (max-width:480px) {
        	
		}