/*
 Theme Name:     McMackin
 Theme URI:      https://mcmackin.com
 Description:    Custom WP Theme for McMackin
 Author:         ProActive Web Solutions
 Author URI:     https://proactivewebsite.com
 Template:       Divi
 Version:        1.0.0
*/

input[type=text], input.text, input[type=email], input.email, input[type=password], input[type=number], input[type=tel], input.tel, input.title, textarea, select {
    background-color: #fff; border: 1px solid #1F3C6F; padding:18px 14px !important; color: #424243; font-size: 18px; max-width: 90%; margin:0.5em 0; -webkit-border-radius:0px 0px 16px 16px; -moz-border-radius:0px 0px 16px 16px; border-radius:0px 0px 16px 16px; }

.darkform input[type=text], .darkform input.text, .darkform input[type=email], .darkform input.email, .darkform input[type=password], .darkform input[type=number], .darkform input[type=tel], .darkform input.tel, .darkform input.title, .darkform textarea, .darkform select {
    border: 3px solid #000; color: #000; font-size: 18px; }

textarea { max-width: 100%; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { background-color:#4E9163; color:#fff !important; border:0px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; font-size:18px; padding:14px 28px; text-transform:uppercase; cursor: pointer;}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover { background-color:#1F3C6F; color:#fff; }


    .admin-bar input[type="button"], .admin-bar input[type="submit"], .admin-bar input[type="reset"], .admin-bar input[type="file"]::-webkit-file-upload-button, .admin-bar button { color:#000 !important;}
    .admin-bar input[type="button"]:hover, .admin-bar input[type="submit"]:hover, .admin-bar input[type="reset"]:hover, .admin-bar input[type="file"]::-webkit-file-upload-button:hover, .admin-bar button:hover { color:#666 !important; }

::-webkit-input-placeholder { color: #ebebeb; opacity: 1; font-size: 18px; }
::-moz-placeholder { color: #ebebeb; opacity: 1; font-size: 18px; }
:-ms-input-placeholder { color: #ebebeb; opacity: 1; font-size: 18px; }
:-moz-placeholder { color: #ebebeb; opacity: 1; font-size: 18px; }

.darkform ::-webkit-input-placeholder { color: #000; }
.darkform ::-moz-placeholder { color: #000; }
.darkform :-ms-input-placeholder { color: #000; }
.darkform :-moz-placeholder { color: #000; }




.gform_wrapper .field_description_below .gfield_description { padding-top: 0px !important; }
    .gfield_description { font-size: 18px !important; }
.gform_wrapper.gravity-theme .gfield_label { font-size: 21px !important; margin-top: 20px; }

h1, h2, h3, h4, h5 { line-height: 1.15em; }
h1 { font-size:48px; font-weight: 300; }
h2 { font-size:30px; font-weight: 600; }
h3 { font-size:26px; font-weight: 600; }
p { line-height: 1.35em; font-weight: 400; }
p:last-of-type { padding-bottom:1em; }

::selection { background: #4E9163; color: #fff; }
::-moz-selection { background: #4E9163; color: #fff; }

body { font-weight: 400; line-height: 1.35em; }

#main-header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #fff; border-bottom: 1px solid #000; } 
#top-menu-nav { float: none; }
#top-menu .menu-item-has-children>a:first-child { padding-right: 0; }

/* Utility Nav */
    .utilnav { padding: 15px 0 0; float: right; }
    #et-secondary-nav li { display: inline-block; margin-right: 20px; padding-left: 20px; position: relative;}
    #et-secondary-nav li a { color: #000; font-weight: 800; }
    #et-secondary-nav li:hover a { color: #Fff; }
    
    #et-secondary-nav li:before, .contactor:before, .eventor:before, .accountor:before { font-family: dashicons; line-height: 1; font-weight: 400; font-style: normal; color: #000; left: 0; top: 2px; display: inline-block; position: absolute; }
    #et-secondary-nav li:hover:before { color: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
        .contactor:before { content: "\f101"; } 
        .eventor:before { content: "\f145"; } 
        .accountor:before { content: "\f110"; } 
        .contactor, .eventor, .accountor { position: relative; }


.et_header_style_left #et-top-navigation nav>ul>li>a { padding: 10px 0 10px; font-weight: 300; }

#et-top-navigation { width:auto; clear:right; float: right; padding: 40px 0 0 0 !important; }
#et-info { float: right; padding: 20px 0 0; }
    #et-info-phone { margin-right: 0; }
#et-info a { color: #fff; font-size: 20px; }
#et-info-phone:before { color: #fff; }
.et-cart-info span { color: #000; font-size: 16px; }
.et-cart-info span:before { margin-right: 7px; }
#et_search_icon:before { font-size: 14px; top: 4px; color: #000 !important; font-weight: 600 !important; }

.nav li ul { border-top: none; width: 280px; background-color: rgba(0,0,0,0.65); border-radius: 0 0 0 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: -20px; }
#top-menu li { padding-right: 32px; text-transform: uppercase; letter-spacing: 2px; }

#top-menu li li { padding: 0 20px; margin: 0; width: 100%; }
#top-menu li li a { width: 100%; color: #fff; font-weight: 400; padding: 6px 0; }
.et-fixed-header #top-menu li li a { color: #fff !important; }
.et-fixed-header #top-menu li li a:hover { color: #fff !important; }
#top-menu li li a:hover { color: #fff; background-color: transparent !important; opacity: 1 !important; }
/*#top-menu .menu-item-has-children>a:first-child:after { display: none; } */

#et-secondary-nav li ul { background-color: #3c3b6e; padding: 10px 0; }
#et-secondary-nav li li { padding: 0; font-size: 14px !important; color: #fff !important; }
#et-secondary-nav li li a { font-size: 14px !important; color: #fff !important; letter-spacing: 1px; }

#et-secondary-nav { margin-right: 15px; }

#et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { color: #fff; font-weight: 300; }
#imager #et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before { color:#fff; }




/* Fade in */
#et-top-navigation li a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 0.12em; background-color:#4E9163; opacity: 0; transition: opacity 300ms, transform 300ms; }
#et-top-navigation li li:last-child a::after { display: inherit; }
#main-header.et-fixed-header #et-top-navigation li a::after { background-color: #fff; }
#et-top-navigation li a:hover::after, #et-top-navigation li a:focus::after { opacity: 1; transform: translate3d(0, 0.2em, 0); }
/* Scale from center */
#et-top-navigation li a::after { opacity: 1; transform: scale(0); transform-origin: center; top: auto !important; content: '' !important; }
#et-top-navigation li a:hover::after, #et-top-navigation li a:focus::after { transform: scale(1); }


.et_header_style_left .logo_container { position:relative; width: auto; height: auto; margin:10px 0; float: left; }
	.et-social-icons { margin-top:6px; padding:0 14px 0 20px; margin-right:0px; }
		.et-social-icons li { margin-left:10px; }
		.et-social-icons li:first-child { margin-left:0; }
		.et-social-icon a { font-size:18px; }
			.et-social-facebook a { color:#385299; }
			.et-social-twitter a { color:#4DA4E7; }
		.et-social-icon:first-child a:hover { color:#3B5998; }
		.et-social-icon:last-child a:hover { color:#1DA0F1; }		


#top-menu-nav>ul>li>a:hover { opacity: 1; }


/* WooCommerce */



/* Other */


.subhead { text-transform: uppercase; letter-spacing: 2px; font-size: 20px; font-weight: 300; }

.homers h4 a:hover { color: #4E9163; }
.twosystems a { color: #fff; }
.twosystems a:hover { color: #fff; text-decoration: underline; }

.checks ul { padding: 20px 0px; }
        .checks li { list-style-type: none; background: url(/wp-content/uploads/2022/12/checkmark.png) no-repeat 0px 5px; padding-left: 31px; margin-bottom: 6px;     width: 48%; display: inline-block;}


/* Pagination */
    .pagination { clear: both; margin: 50px 0; min-height: 40px; }
        .pagination .page-numbers.current { background: #d2d2d2; color: #404041; border: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 16px; padding: 6px 12px; text-transform: uppercase; text-shadow: none; margin-right: 3px; }
        .pagination a { background: #1F3C6F; color: #fff; border: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 16px; padding: 6px 12px; text-transform: uppercase; text-shadow: none; margin-right: 3px; } 
        .pagination a:hover { background:#f1bc87; text-decoration: none; }
        .pagination a.next, .pagination a.prev { display: none; }



/* Search Box (not in use) */	
	.search-form { float:right; margin: 0 0 7px; }
	.screen-reader-text { display:none; }
	.search-field { background-color: transparent; background-image: url(images/search.svg); 	background-position: center; background-repeat: no-repeat;	background-size: 30px 30px; border: none;cursor: pointer; height: 30px; margin-top: 6px; padding: 0 0 0 30px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; }	
	.search-field:focus { background-color: #fff; border: 2px solid #c3c0ab; cursor: text;	outline: 0;	width: 230px; padding-left:0; background-image: none; }
	.search-form .search-submit { display:none; }


	
.halfer { float:left; width:50%; text-align:center; }


/* Footer */ 

#main-footer { padding-top: 50px; background-color: #222; }
	#main-footer .container { width: 100%; }

	#main-footer .et_pb_widget a { color:#fff; text-decoration:underline; }
	#main-footer .et_pb_widget a:hover { color:#ccc; text-decoration:underline; }
	
	#footer-widgets { padding:0; }	
		#footer-widgets .footer-widget li:before { display:none; }
		.footer-widget {  }	
		.et_pb_gutters3.et_pb_footer_columns2 .footer-widget .fwidget { margin-bottom:0; }
        .footer-widget h4 { color: #fff; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 15px; }
			.footer-widget.firsty { }
                .footer-widget.firsty .fwidget { width: 100%; }
                .footer-widget.firsty .gform_wrapper { margin: 0; }
                .footer-widget .gform_wrapper .gform_footer { padding: 0; }
				.footer-widget.firsty ul { padding:0; }
				.footer-widget.firsty li.gfield { margin-top: 0; padding: 0 !important; }
				#text-4 { float:right; }
                .footer-widget .gform_wrapper .gform_footer input.button, .footer-widget .gform_wrapper .gform_footer input[type=submit] { background-color: #00abc7; color: #fff; border: 0; }	

        #block-7, #block-9 { margin-bottom: 20px;}
					
			#footer-widgets .footer-widget { margin-bottom: 30px; }
                #footer-widgets .footer-widget li { padding-left: 0; line-height: 18px; text-align: left; width: 30%; display: inline-block; margin-right: 4%; }
                #footer-widgets .footer-widget li:first-child, #footer-widgets .footer-widget li:nth-child(3) { width: 60%; }
                #footer-widgets .footer-widget li a { font-size: 22px; text-transform: uppercase; line-height: 1.35em; }

            .footer-widget .et-social-facebook a.icon:before, .footer-widget .et-social-twitter a.icon:before, .footer-widget .et-social-instagram a.icon:before { height: 30px; width: 30px; }
            .footer-widget .et-social-icons { padding: 0 !important; clear: both; width: 100%; margin-top: 20px; text-align: left; float: none; }
            .footer-widget .et-social-icons li { padding: 0 !important; }
	#footer-info { text-align:center; float:none; }	

	.widget_nav_menu { width: 100%; margin-bottom: 40px !important; }

#main-footer #footer-widgets #nav_menu-2.et_pb_widget { width: auto; margin-top: 15px; float: left; width: 90%; }

#main-footer #footer-widgets #custom_html-2.et_pb_widget { float: right; min-width: 32px; width: 10%; }

ul.Social { width:100%; height:32px; float:none; list-style-type: none; margin:15px 0 0; padding:0; display:block; }

        .Social li { width: 32px !important; height: 32px !important; float:left; margin:0 16px 0 0 !important; display: block; }
        .Social li:last-child { margin-right:0 !important; }

        .Social li a { width: 32px !important; height: 32px !important; background: url(images/social_sprite2.png) no-repeat; display: block; }

        .Social li a.icon-facebook { background-position: 0px 0px; }
        .Social li a:hover.icon-facebook { background-position: 0px -32px; }

        .Social li a.icon-twitter { background-position: -32px 0px; }
        .Social li a:hover.icon-twitter { background-position: -32px -32px; }

        .Social li a.icon-linkedin { background-position: -64px 0px; }
        .Social li a:hover.icon-linkedin { background-position: -64px -32px; }

        .Social li a.icon-instagram { background-position: -96px 0px; }
        .Social li a:hover.icon-instagram { background-position: -96px -32px; }

        .Social li a.icon-youtube { background-position: -128px 0px; }
        .Social li a:hover.icon-youtube{ background-position: -128px -32px; }

#footer-bottom { background-color: #17212c; padding: 0px 0 30px; }
    #footer-bottom a { color: #fff; }
        #footer-bottom a:hover { text-decoration: underline; }
    #footer-bottom .container { text-align: center; color: #fff; font-size: 16px; }
    #footer-info { color: #fff; line-height: 1.4em; }
		

/*@media only screen and ( min-width: 981px ) and ( max-width: 1500px ) {	
	#et-top-navigation { margin: 0 auto 15px; text-align: center; width: 100%; }
	#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav { float: none; }
	.et_header_style_left .logo_container { margin: 25px auto 10px; float: none; text-align: center; }


}*/

@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {	
	#top-menu li {  padding-right: 20px; }
		
}

@media all and (max-width: 980px) {
    .utilnav, #et-secondary-nav, #et-secondary-menu { display: block !important; width:100%; float:none; text-align: center; }
    .utilnav { padding: 30px 0 20px; }
    #et-secondary-nav, .contactor:before, .eventor:before, .accountor:before { display: none !important; }
	.et_mobile_menu { border-top: 3px solid #1F3C6F; }
        .et_mobile_menu .sub-menu li a { font-weight: 400; }
        .et_mobile_menu .menu-item-has-children>a { pointer-events: none; cursor: default; font-weight: 400; }
	.et_header_style_left .logo_container, #logo { margin-bottom: 0 !important; }
    #main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul, .et_mobile_menu li li { padding-left: 0; }
	nav#top-menu-nav { width:100%; float:none; text-align:center; }
    .et_mobile_menu li a { color: #fff !important; font-size: 20px; border-bottom: 1px solid rgba(255,255,255,.3) !important; }
    
    .et_header_style_left .logo_container { margin: 20px auto; float: none; }
    #et-info { text-align: center; width: 100%; }
    #et_mobile_nav_menu { float: none; }
    #et-top-navigation { float: none; padding: 10px 0 0 0 !important; text-align: center; margin: 0 auto; display: block; font-weight: 400; }
    
	#logo { display: block; margin: 0 auto; clear: both; float: none; text-align: center; margin-bottom: 20px; }
	.et_header_style_left #logo, .et_header_style_split #logo { max-width:100%; }
	
	#footer-widgets .footer-widget .fwidget { margin-bottom:0; }
		.firsty #text-2 { text-align: center; display: block; margin: 0 auto; clear: both; float: none; }
			ul.Social { float: none;list-style-type: none; margin: 0 auto; padding: 0; display: block; text-align: center; width: 100%; }
				.footer-widget.firsty .Social li { float:none; display:inline-block; }
		.footer-widget.firsty #menu-footer-menu li:last-child { float:none; display:block; margin:0 auto; clear:both; text-align:center; }
	
	#footer-widgets .footer-widget { padding: 0 30px; }
	#text-2 { margin: 0 auto; width: 100%; }

    .threepete>.et_pb_column.et_pb_column_1_3 { width: 47.25%; margin-right: 5.5%; }
    .threepete>.et_pb_column.et_pb_column_1_3:nth-child(2n) { margin-right: 0; }
    
    /*** Used for Row/Columns that need to change order on tablet/mobile ***/
        .custom_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
        /*** custom classes that will designate the order of columns in the flex box row ***/
            .first-on-mobile { -webkit-order: 1; order: 1; }
            .second-on-mobile { -webkit-order: 2; order: 2; }
            .third-on-mobile { -webkit-order: 3; order: 3; }
            .fourth-on-mobile { -webkit-order: 4; order: 4; }
        /*** add margin to last column ***/
            .custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; }

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {	



}

@media all and (max-width: 767px) {
	
	#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget { margin-bottom:50px !important; }
    

		
}

@media all and (max-width: 550px) {
    ul.checks { padding-left: 0; }
    .checks li { margin-bottom: 6px; width: 100%; display: block; }
		
}

@media all and (max-width: 479px) {

	
}

/* Custom Code Different Than Parent McMackin Child Theme */