/* Theme Name:  elementor
 Theme URI:    TrigardMemorials.com
 Description:  Trigard Memorials Theme
 Author:       AWEBCO
 Author URI:   https://www.awebco.com
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Trigard Memorials
*/


#alertdiv { display:block;  background:#cc3333; text-align:left; color:#fff; padding: 15px; font-size: 18px; margin-top: 15px; border-radius:5px }
#alertdiv h3 { color:#fff !important}
#alertdiv  i { margin-right: 10px; color: yellow; }
.next { }
.savebutton { }

.inputs-list>li { width:50% !important; display:inline-block !important }

:target {
    scroll-margin-top: 150px; /* Adjust based on your header height */
}



* {box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0 !important; padding: 0 0; margin: 0 0;}form{margin:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[contenteditable] { outline: 0px solid transparent; }

.col{display:block;float:left;margin:0% 0 0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col:after,.clr:after,.group:after,#comments#respond:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}.one-half,.one-third,.one-fourth,.one-fifth{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0;padding:0 0}.full{width: 100%}.one-half{width:50%}.one-third{width:33.3%}.one-fourth{width:25%}.one-fifth{width:20%}.one-sixth{width:16.5%}.span_1_of_4{width:25%}.span_2_of_4{width:50%}.span_3_of_4{width:74%}.span_1_of_5{width:20%}.span_1_of_6{width:16.5%}.span_2_of_6{width:33.3%}.span_4_of_6{width:55%}.span_1_of_3{ width: 25%}.span_2_of_3{ width: 75%}

html { margin-top: 0 !important }
body { background:#e5e5e5; nowhitespace: afterproperty; font-family: futura-pt, sans-serif;font-weight: 400; }
body a { color: #0099cc; text-decoration:none;}
body a:hover { color: #cc9933; }
.wrapper { max-width:1280px; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {margin: 0px 0 25px; color:#111; text-transform:uppercase }
h1 { font-size:2.5em; margin: 0 0; }
h2 { font-size: 1.5em;  }
h3 { font-size: 1.5em }
h4 { font-size: 1em; margin-bottom:15px; color:#ae7617; text-transform:capitalize }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.single-product h3 { font-size: 1.75em; color:#000; background:#fff; padding: 15px; font-weight:900 !important }


@font-face {
	font-family: 'Optima';
	src: url('fonts/OptimaLTStd.eot');
	src: local('☺'), url('fonts/OptimaLTStd.woff') format('woff'), url('fonts/OptimaLTStd.ttf') format('truetype'), url('fonts/OptimaLTStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dutch Roman';
	src: url('fonts/Dutch 801 Roman BT.eot');
	src: local('☺'), url('fonts/Dutch 801 Roman BT.woff') format('woff'), url('fonts/Dutch 801 Roman BT.ttf') format('truetype'), url('fonts/Dutch 801 Roman BT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GOVMARK';
	src: url('fonts/GOVMARK.eot');
	src: local('☺'), url('fonts/GOVMARK.woff') format('woff'), url('fonts/GOVMARK.ttf') format('truetype'), url('fonts/GOVMARK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Monotype C';
	src: url('fonts/CURSIV.eot');
	src: local('☺'), url('fonts/CURSIV.woff') format('woff'), url('fonts/CURSIV.ttf') format('truetype'), url('fonts/CURSIV.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#top-bar { background:#432d17; border-bottom:1px solid #ccc; padding: 10px 10px; display:block; font-size: 17px; color:#fff; text-align:right; }
#top-bar .wrapper { text-align:right }
#top-bar a { color:#fff; padding:0 15px; border-right: 1px solid #999 }
#top-bar .cart i {  font-size: 20px; color:#bb9847; margin: 8px 0 5px 15px;}
#top-bar .button { border:0 !important}
#top-bar i { color:#c08e43; }

.count { background:#df7128; padding: 2px 5px; font-size: 12px; display:inline-block; color:#111; border-radius: 50em; position: relative; margin-left: -5px; top: -10px !important; margin-right: 5px; }
.myaccount { display:inline-block; }
.user {  color:#fff; margin-top: 0px; margin-left: 15px; font-weight:bold }
.user i, .loggedout i, .myaccount i { margin-right: 5px !important; color:#bb9847 !important }

header .loggedin .cta { display:none !important }

.woocommerce-MyAccount-navigation { display:none !Important}

/* Header */
header { background:#fff; position:sticky; width:100%; display:block; top: 0; padding: 0px; margin: 0px auto; font-size: 2em; box-shadow: 0 0 3px #000; z-index:9995 !important;  }
header .span_1_of_4 { width: 15%; }
header .span_3_of_4 { width: 85%; }
.col-1 { width:10%; }
.col-2 { width:85%; text-align:center	 }
.col-3 { width:5%; }
.cart { margin-top: 35px; }
.cart a { color:#fff }

/* Mobile Nav */

#mobile-nav { 
	display:none; 
	text-align:center !important;
	width:100%;
	background:#fff;
	color:#111;
	padding: 0px;
	box-shadow: 0 0 5px #111;
	position: sticky;
	top:0;
	z-index:9999
}
#mobile-nav a { margin:0; width: 24%; display:inline-block; padding: 10px; border-right:1px solid #ccc  }
#mobile-nav i { color:#111; font-size: 2em }

.topnav {
  overflow: hidden;
  position: relative;
}
#myLinks {
	width:100%; 
	background:#eee;
	position: fixed;
	top: 50px; 
	z-index:9999 !important;
	height: 100vh;
	padding: 25px
}
.topnav #myLinks { display: none; }
.topnav a {
	color: #000;
	padding: 7px 25px;
	text-decoration: none;
	font-size: 17px;
	font-weight: normal; 
	display: block;
	border-bottom:1px solid #ccc;
}
.topnav ul { margin-top:0 }
.topnav ul ul { background:#eee; margin:0; display:none }
.topnav ul ul li { width: 50%; display:inline-block; }
.topnav li { list-style:none }
.topnav a:hover {
  background-color: #eee;
  color: #111;
}

#myLinks .button { display:inline-block; width: 47%; margin: 1% }

/* Commons */
.clr  { clear:both }
p { margin: 0 0 20px 0; font-weight: 400; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { border:0; border-bottom: 1px dotted #999; clear: both; display:block; margin: 25px 0; background:transparent; }
a { outline: 0; text-decoration: none;}
.disabled { display:none;}
.phone, .map, .mail { display:none }
table { width:100%;}
#breadcrumbs { color:#fff; text-align:center}
#breadcrumbs a { color:#fff }
.absolute { position: absolute;}
.relative { position: relative; }
.dark, .dark p, .dark h1, .dark h2 { color:#111 !Important; }
.light, .light p, .light h1, .light h2 { color:#fff !important }
.showme { display:block !important; z-index:9999 !important }
.hideme { display:none !important }
sup { font-size: .6em; top:-5px;  }
h2 sup, h1 sup{ font-size: .4em; top:-20px; margin-left: 2px }
h3 sup { font-size: .5em; top:-12px; margin-left: 2px }
#home-header h1 sup {font-size: .6em; top:-5px; }
ul li { list-style-type:none  }
.mobile-only { display:none }
.comment-form-url { display:none; }
#commentform label { display:block;}
#commentform textarea, #commentform input[type="text"] { width:95%; }
.comment-form-author,
.comment-form-email { width: 50%; display:inline-block; }
#commentform .submit { background:#333; color:#fff; padding:10px; border-radius: 5px; border:0; margin-top: 15px }

.content ul { margin-left: 15px }
.content li { list-style-type:disc }

a[href*=".pdf"] { background:url('/wp-content/uploads/2018/01/pdf.png') center left no-repeat; background-size: 20px 20px; padding-left: 30px;   }
a[href*=".pdf"]:hover { text-decoration:underline  }
.resources a[href*=".pdf"] { display:inline-block; width: 50%; float:left; margin-bottom: 15px; color:#000 !important }
a.elementor-button[href*=".pdf"] { background-image:none; padding-left: 25px; }

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.floatleft { float: left }
.floatright { float: right }
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100%; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.content img { border-radius:.5em }
.no-rnd img { border-radius: 0 !important}
.elementor-tabs-content-wrapper h3 { padding-bottom: 0px;  }
.elementor-tabs-content-wrapper h3:after { content:"-------"; color:#ae7617; display:block;  }
.message_register a { color:red !important; font-weight: bold !important }

.errorpage { background:#fff; }
.errorpage .col { padding: 100px 75px; min-height:600px}
.errorpage p { font-size: 20px }
.errorpage h2 { font-size: 2em }
.errorpage i { font-size: 2.5em; margin-bottom: 15px}
.errorpage form label { display:block; font-weight:bold; font-size: 16px; text-align:left !important }
.errorpage input { width:100%; }
.login-remember { display:none }
.errorpage .col:nth-child(1) {background:#ffe0e0 }
.errorpage .col:nth-child(1) .button { background:#000 }

/* Ordered List */

ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 16px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin:  0 0 1em 0px;

}

ol ol { margin: 0 0 0 0em; /* Add some left margin for inner lists */ }

.rounded-list li{
    position: relative;
    display: block;
    padding: .4em 1em .4em 3em;
    margin: .5em 0 15px;
    background: #eee;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;  
}

.rounded-list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: 0em;
    top: 50%;
    margin-top: -1em;
	border-radius:.25em 0 0 .25em;
	background:#666;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
    transition: all .3s ease-out;
	color:#fff;
}

/* Page Title */
#pagetitle { background:#432d17 url('https://www.trigardmemorials.com/wp-content/uploads/2017/11/trigard-icon.png') center center no-repeat; background-size: 150px; text-align:center; padding: 75px 0; color:#fff }
#pagetitle h1{ color:#fff; max-width: 1000px; margin:0 auto }
#pagetitle hr { width: 5%; border:0; border-top: 3px solid #bb9847; margin: 20px auto; }

.page-header { background:url('/wp-content/uploads/2017/11/grass.jpg'); color:#fff; padding: 50px 0  }
.page-header h1 { color:#fff; }

#product-header { background:#5f86a3; padding: 50px 0; }
#product-header h1{ color:#fff }

/* Forms */
form { padding: 0 5px;  }
form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea,
form select { 
	font-size: 16px;
	padding: 10px !important;
	background:#fff;
	color:#333;
	border:1px solid #ccc;
	border-radius:5px
}

form input[type="text"]:hover,
form input[type="password"]:hover,
form input[type="email"]:hover,
form textarea:hover,
form select:hover { border-color:#999 }

form input[type="text"]:focus,
form textarea:focus,
form select:focus { 
	border-color:green;
	transition: all .25s ease;
}

form label { color:#666 }
form .multicolumn-wrapper ul { padding-right: 25px; }

#gform_8 input[type="text"],
#gform_8 input[type="password"] { background:#fff; border:1px solid #ccc }
#gform_submit_button_8 { width:98% !important }
.gform_wrapper label.gfield_label{ margin-top: 10px !important}
.gform_wrapper h2 { margin-top: 50px !important;  }
#gform_submit_button_1 { background:#df7128 !important; padding: 15px 25px!important; font-size: 18px !important; border: 0; }
.gform_button { margin-top: 25px !important; }

/* Buttons */
.button { background:#bb9847; color:#fff !important; text-decoration:none !important; padding: 10px 30px; border:0;  display:inline-block; margin: 25px 10px 0 0; font-weight: bold; border-radius:5px }
.button:hover { background:#cbab58 !important; color:#fff; text-decoration:none; animation: shrink .5s ease }
button { margin: 0 0 25px;}
.pages .button { border: 0 }
.button i { color:#fff !important}

.cta { background:#bb9847 !important; color:#fff !important }
.cta:hover a { background:#cbab58 !important; color:#fff !important}


/* Featured Images */
.page-thumb { position: relative; display:block; z-index:0; }
.page-thumb .wrapper { position: absolute; left: 17%; width: 80%; margin: 0 auto !important; text-shadow: 0 0 3px #000; z-index:5; bottom: 40%;   }
.page-thumb p { color:#fff; width: 40%;  }
.page-thumb h1 {  font-size: 3em; text-align:left; margin: 0 0 25px !important; padding: 0 0; text-transform:uppercase;} 

.page-thumb img,
.post-thumb img {
	width:100%;
	height: auto;
	z-index: 0;
	position: relative
}

.placeholder-img { width:100%; height: 350px; display:block; position: relative;  background:url('/wp-content/uploads/2017/08/blue-bg.jpg')}

/*  Menu - Primary */

.menu li { margin-left:0px; }
.menu li li, .menu li li li { margin-left:0px; }

header img { width: 120px}

header nav { margin: 15px 0 0 0; display:block; }
header nav ul {
	display: inline;
	margin: 0 0;
	list-style: none;
	text-align:right !important
}
header nav ul li {
	font: normal 18px 'futura-pt';
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	margin-left:-8px !important
}
header nav ul li a {
	padding: 15px 25px;
	display:inline-block;
	text-transform:uppercase;
	border-right:1px solid #ccc;
	color:#333;
}
header nav ul li:last-child a,
header nav ul li:nth-child(7) a { border: 0 }
header nav ul li:hover{	background:#ddd; color:#333; }
header nav ul li:hover a  { color:#333 !important }

header .cta a, header .cta { border-radius: 5px !important; color:#fff !important}
header .cta:hover { background:#b19329 !important; }
header .cta:hover a { color:#fff !important }

/* 2nd Level ========== */

header nav ul li ul {
	padding: 0;
	display:block;
 	position: absolute;
	top: 100%;
	width: 300px;
	left:  0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	padding: 15px;
	background:#ddd;
	box-shadow: 0 5px 5px #333;
	z-index:9999 !important;
	color:#000 !Important;
	font-size: 20px;
}
header nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}
header nav ul li ul li { 
	display: block; 
	border:0;
	color:#000 !Important;
	border:1px solid #ccc;
	text-align:left;
	margin: .25% 1% 0 0 !important;
	background:#fff;
}
header nav ul li ul li a { 
	display:block; 
	width:100%; 
	border-right:0;
	padding:12px 10px; 
	font-weight:400;
	color:#000 !Important;
	text-align:left !important;
	text-transform:capitalize !important;
	font-size:16px;

}
header nav ul li ul li a:hover { 
	color:#c08e43 !important;
	border-left: 5px solid #c08e43;
	box-shadow: 0 0 3px #333 
}
header nav ul li ul li i { color:#f26932; margin-right: 10px }

header nav ul li:nth-child(2) ul { width: 1000px !important; position: absolute; left:-150px !Important; padding: 25px; }
header nav ul li:nth-child(3) ul { width: 750px !important; position: absolute; left:-250px !Important; padding: 25px; }

header nav ul li:nth-child(2) ul li { width: 32% !important; display:inline-block; float:left; background-size: 110px auto !important; background-repeat: no-repeat  !important; background-position: top 0px right 15px !important; }
header nav ul li:nth-child(3) ul li { width: 48% !important; display:inline-block; float:left; background-size: 110px auto !important; background-repeat: no-repeat  !important; background-position: top 0px right 15px !important; }

header nav ul li:nth-child(2) ul li a,
header nav ul li:nth-child(3) ul li a { padding: 25px 15px; font-size: 18px !important; }

header #menu-item-2310 { background:#fff url('/wp-content/uploads/2019/10/classique-marker-thumb.png'); }
header #menu-item-658 { background:#fff  url('/wp-content/uploads/2019/10/collage-marker-thumb.png') no-repeat; }
header #menu-item-4122 { background:#fff  url('/wp-content/uploads/2019/10/cremation-memorial-marker.png');  }
header #menu-item-660 { background:#fff  url('/wp-content/uploads/2019/10/gallery-marker-thumb.png'); }
header #menu-item-9499 { background:#fff  url('/wp-content/uploads/2022/04/infant-marker-thumb.jpg'); }
header #menu-item-4173 { background:#fff  url('/wp-content/uploads/2019/10/medallion-marker-thumb.png'); }
header #menu-item-662 { background:#fff  url('/wp-content/uploads/2019/10/paragon-marker-thumb.png'); }
header #menu-item-663 { background:#fff  url('/wp-content/uploads/2019/10/pet-marker-thumbg.png'); }

header #menu-item-3065 { background:#fff  url('/wp-content/uploads/2019/10/portriat-marker-thumb.png'); }
header #menu-item-1525 { background:#fff  url('/wp-content/uploads/2019/10/provident-marker-thumb.png'); }
header #menu-item-10440 { background:#fff  url('/wp-content/uploads/2023/05/traditions-thumb.jpg'); }
header #menu-item-664 { background:#fff  url('/wp-content/uploads/2019/10/veteran-marker-thumb.png'); }
header #menu-item-11609 { background:#fff  url('/wp-content/uploads/2021/05/va-niche-thumb.jpg'); }
header #menu-item-2993 { background:#fff  url('/wp-content/uploads/2019/10/temp-marker-thumb.png'); }

header #menu-item-4611 { background:#fff  url('/wp-content/uploads/2019/10/bronze-urn-thumb.jpg'); }
header #menu-item-4613 { background:#fff  url('/wp-content/uploads/2019/10/cremation-memorial-marker.png'); }
header #menu-item-4614 { background:#fff  url('/wp-content/uploads/2019/10/bronze-niche-plate.jpg'); }
header #menu-item-4615 { background:#fff  url('/wp-content/uploads/2019/10/medallion-marker-thumb.png');  }
header #menu-item-10483 { background:#fff  url('/wp-content/uploads/2023/06/bronze-cleaner-thumb.jpg') top right; background-repeat:no-repeat; }

header #menu-item-11236, header #menu-item-11237 { background:#fff  url('/wp-content/uploads/2019/07/circle-emblem.jpg'); background-size: 70px auto !important }


header .new:after { content:'NEW'; position: absolute; top:0; right:0; background:red; font-size: 12px; color:#fff; padding: 2px 5px;}

/* Sidebar */
#sidebar { padding-right: 25px }
#sidebar h3 { color:#fff; background:#111; padding: 10px; border-radius:.25em; font-size:1.25em   }
#sidebar ul { margin: 0 15px 50px; }
#sidebar ul li a { border-bottom:1px solid #ccc; padding: 10px 5px; display:block; color:#333 }
#sidebar ul li a:after { content: '»'; float:right  }
#sidebar ul li a:hover { background:#eee }

.sidebar { width: 25%; padding: 15px 25px; position: sticky; top: 150px  }
.sidebar #s { width: 100%; padding: 15px; border-radius:.25em; border:1px solid #999;  }
.sidebar #searchsubmit { background:#000; color:#fff; position:absolute; top:1px; right:25px; border: 0; padding: 18px 10px; text-transform:uppercase; font-size: 11px; border-radius: 0 .5em .5em 0  }
.sidebar #searchsubmit:hover { background:#333; }
.sidebar .rpwwt-widget ul li { margin:10px 0 }
.sidebar .rpwwt-post-title { color:#000 }
.sidebar .rpwwt-post-date { color:#cc9900 }
.sidebar .widget { padding: 15px; margin-top: 25px; border:1px solid #ccc; background:#fff }
.sidebar #searchsubmit { top:15px !important; padding: 14px 10px !important; }

#rpwwt-recent-posts-widget-with-thumbnails-2 img { height: 65px !important; width: 65px !important }

.sidebar .button { color:#fff; width:100%; margin-top: 15px !important; display:block; padding: 10px 15px }
.sidebar .button i { float:right; font-size: 1.25em }

#sharethis { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 15px 0 }


/* About - Homepage */
#about { padding:50px 0}
#about .col {  }
#about iframe { box-shadow: 0 5px 5px #999}


/* Contact Bar */
#contact-bar { padding: 50px 0; background:linear-gradient(to bottom right,#61422d, #61422d); color:#fff; text-align:center;  }
#contact-bar i { display:block; font-size: 4em; margin-bottom: 15px}
#contact-bar .col { border-right: 2px solid #432a17 }
#contact-bar .col:last-child { border-right: 0px }

.contact-info h3 { font-size:1em }
.contact-info i { background:#000; color:#fff; padding: 10px 12px; margin-right: 10px; border-radius: 50em; }
.social-links i { background:#8c4245; font-size: 2em; color:#fff; padding: 10px 15px; margin-right: 10px; border-radius: .25em; }


/* CTA Bar */
#cta { background:#000; color:#fff; text-align:center;}
#cta p { color:#fff; margin-bottom:0 }
#cta .title { font-size: 2em; margin: 15px 0 }
#cta i { font-size: 3em }
#cta .button { text-transform:uppercase; background:transparent; padding: 10px 20px; margin-bottom: 0;  border:2px solid #fff  }
#cta .col {padding: 50px 25px  }
#cta .col:nth-child(2) { background:#bb9847; }
#cta .col:nth-child(3) { background:#432d17; }

/* Footer */

footer { padding: 50px 0; background:#fff; color:#111; z-index:1; position: relative }
footer .col { padding: 0 25px; }
footer a { color:#111}
footer a:hover { color:#111 !important; text-decoration:underline }
footer .heading-title { font-size: 22px; color:#666; border-bottom: 1px solid #ccc; margin-bottom: 25px; font-weight: 600; padding-bottom: 10px; }
footer i { margin-right:5px; color:#B5A150; }
footer img { border-radius: 5px; box-shadow: 0 0 3px #ccc }
footer a img:hover { border-color:orange }
footer .menu li { padding: 0 0 5px; margin-left: 20px; list-style:disc; color:#999 }
footer .menu li a{ color:#111 }
footer ul { column-count:2 }
footer ul ul, footer .menu i { display:none !important }
footer hr { margin: 10px 0 25px; background:#ccc }

footer form { margin-top: -15px !important; position: relative;  }
footer form label { display:none !important }


.rpwwt-post-title { color:#111; font-weight: bold; font-size: 16px; }
.rpwwt-post-date { color:#111; margin:10px 0; font-size: 12px;   }
.rpwwt-post-excerpt { font-size: 14px;  }
.rpwwt-widget li { border-bottom:0 !important; padding-bottom: 10px;  }

footer .button { margin-top: 0; padding:5px 20px !important; background:#666; border-color:#333  }
footer .button:hover { background:#777 }
footer .col:nth-child(2) a {display:block; }

footer .posts p { font-size: 14px }
footer .posts .heading-title { font-size: 24px; color:#666 }
footer h5 { margin-bottom:10px }
footer h4 { color:#000; font-size: 1em}
footer .date { margin-bottom:15px; display:block; color:#666; font-size: 12px;  }
footer .posts img { width: 75px; height:auto;  margin: 0 10px 10px 0; float: left }

/* Copyright */
.copyright { font-size:.8em;  background:#fff; color:#111; vertical-align:middle }
.copyright i { font-size: 2em; margin-right: 15px !important; color:#666; margin-top: 20px }
.copyright i:hover { color:#B5A150 }
.copyright a { color:#111}
.copyright .wrapper { padding:25px 0; }
.copyright img { max-width: 100px; height: auto }
.copyright p { margin-top: 25px }

/* Resources */
.display-gallery .col { padding: 0 25px; }
#features i { border-right: 1px solid #999; padding-right: 15px; margin-right: 15px !important }
.elementor-tab-content { padding: 25px !important; }
.elementor-tab-content img { border-radius:1em !important }
.elementor-element-f47d980 .elementor-tab-content { padding: 15px !important }
.pdfemb-the-canvas { width:100% !important }

/* Submit an Order Form ========== */
#field_9_10 { background:#ffd6d6; border:2px solid #bc7c7c; padding: 15px; font-weight:bold !important}
#field_9_10 .gfield_description { padding-top:0 !important}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-size: 1.25em !important }
img.optionthumb { width: 150px !important; }

 
/* My account */
#my-account .wrapper { padding-top:50px; margin-bottom: 50px; position: relative;  }
#my-account .span_1_of_4 { width: 18%; position: sticky; top:15px }
#my-account .update-account { padding: 0; border-radius: 5px; width: 75%; margin: 0 0 0 5%; position: relative; }
#my-account .account-info { padding: 25px; background:#fff; border:1px solid #ccc; border-radius: 5px; position: relative; }
#my-account h4 { margin-bottom: 0px; }
#my-account h4:nth-child(1n+1) { margin-top: 0px; }
.account-info i { font-size: 155px; color:#ccc; position: absolute; top: 25px; right: 25px;  }
#my-account b { font-size: 3em }
#my-account .button { margin-bottom: 10px; padding:15px;  }
#my-account .button i { position: relative; font-size: 1em; top: 0; right: 0; margin-left: 25px  }

#emblems .elementor-tab-content { padding: 20px !important;  }
#orderforms a[href*=".pdf"] { width: 48%; display:inline-block; color:#000 !important; margin-bottom: 1%;  }

.dealersblog { background:#333; padding: 25px 25px 0;  border-radius: 5px; margin-top: 15px; color:#fff }
.dealersblog h3 { color:#fff; border-bottom: 1px solid #999; padding-bottom: 10px;  }
#rpwwt-recent-posts-widget-with-thumbnails-3 img { width: 150px !important; height: auto !important; }

#my-account #buttons a { display:inline-block; width: 100%; margin: 1%; background:#fff; padding: 15px 15px;  color:#000; border:1px solid #ccc; border-radius:.25em; font-size: 1em; }
#my-account #buttons a:hover { background:#fffdcc; transform:scale(1.05) }

#buttons i { float:right; font-size: 1.5em }

/* Saved Designs */
.design-link-container{box-shadow: 0 0 5px #666; padding:20px 20px 5px; background:#fff linear-gradient(to right, #fff, #eee );margin-bottom:15px;position:relative;}
.remove-design{display:block;position:absolute;top:8px;right:8px;}
.remove-design i { color:#cc0000; font-size: 20px }
.design-link img {max-width: 40%; float:left; margin-right: 50px;}
.design-link img:hover, .design-link-container .button:hover { transform:scale(.95); transition: all ease .25s; }

.design-link-container:hover { transform:scale(1.011); background:#faf3d9; transition: all ease .25s; }
.design-link-container small { color:#cc0000 !important; font-weight: bold; }
.design-link-container .title { color:#333; font-size: 30px; display:block; margin-top: 25px !important; margin-bottom: -15px; font-weight:bold;  }
.design-link-container .button { padding: 5px 10px; color: #fff; font-size: 14px; }
.design-link-container .button i { color:#fff; margin-left: 15px; }

/* Emblem Page */
#emblem-order { max-width: 800px; margin: 0 auto; padding-bottom: 25px; }
#emblem-order .col { padding: 10px }

#emblem-order input,
#emblem-order select, 
#emblem-order textarea { margin-bottom: 10px; display:block; width: 100%; background:#fff; }
#emblem-order textarea { padding: 15px; min-height: 150px; }
#emblem-order input[type="submit"] { padding: 15px; width: 25%; margin-left: 10px;  background:#000; color:#fff; border:0; border-radius: 10px;  }

#emblem-order .select2-container .select2-selection--single { height: 41px !important; border-radius:0; border-color:#ccc; }
#emblem-order .select2-container--default .select2-selection--single .select2-selection__rendered  {line-height: 41px !important }
#emblem-order .select2-container--default .select2-selection--single .select2-selection__arrow {height: 41px !important }

#label_18_15_1 { font-size: 14px !important}

#gform_16 .gfield_list_icons,
#gform_previous_button_18 {display:none !important}

#finddealer { background:#000 url('/wp-content/uploads/2019/11/trigard-dealers.jpg') center center no-repeat; background-size:cover; padding: 25px 0  } 
#finddealer .wrapper { max-width: 800px; }
#finddealer .hbspt-form { background:#fff; padding: 25px 50px; box-shadow: 0 0 5px #333; border-radius: 10px;  }

#recentposts { margin-top: 25px; }
#recentposts a { color:#000 }
#recentposts .thumb { width: 60px; height: 60px; float:left; margin-right:8px;  }
#recentposts .thumb img { width:100%; height:auto }
#recentposts hr { margin: 15px 0 }

#author-div { padding:25px; background:#eee; margin-top: 25px; }
#author-div img { width: 100px; float:left; margin: 0 25px 25px 0 }
#author-div p { font-size: 14px; margin:0  }
#author-div h3 {  margin:0 }


/* CUSTOM POPUP ******************/
#customPopup {
    width: 300px; /* Set the width of the popup */
	padding:25px;
    height: auto; /* Adjust height based on content */
    border-radius: 5px; /* Optional: for rounded corners */
	display:none !important;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999; 
	background: white; 
	border: 1px solid #ccc; 
	padding: 30px 30px 15px !important; 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	text-align:center;
	box-shadow: 0 0 150px #000;
}
#customPopup h2 { 
	font-size: 2em;
	display:block;
	clear:both;
}
#customPopup button { font-size: 1.5em; border-radius: 50em; position: absolute; top:5px; right:5px; background:red;  }
#customPopup button i { color:#fff !important}
#gform_confirmation_message_29 { font-size: 1.15em; color:red;}
body .gform_wrapper .gform_body .gform_fields .gfield.gsurvey-survey-field .gsurvey-rating {
    transform: scale(3) translate(25%, 5px);
	text-align:center;
}
body .gform_wrapper .gform_body .gform_fields .gfield.gsurvey-survey-field .gsurvey-rating { 
	margin-bottom:20px;
}


/* Responsive Breakpoints */
@media only screen and (max-width : 1601px) {
	.wrapper { max-width:1280px; margin: 0 auto; }
	header nav ul li:nth-child(1) ul { display:none  }
}

@media only screen and (max-width : 1024px) {
	.wrapper { max-width:1000px; margin: 0 auto; }
	.meteor-slides .slide-content { font-size: 4em; top: 25%;}
}

@media only screen and (max-width : 1024px) {
	.mobile-only { display:block; }

	body { font-size: 1em;  }
	h1,h2,h3,h4,h5 { font-size: 1.5rem; }

	.wrapper .col{ width: 50%; display:inline-block; }

	header { text-align:center; padding: 15px 0 10px; position: relative !important  }
	header .wrapper .col { width:100%; }
	header nav ul li a { padding: 45px 10px; }
	header img { width: 175px}

	#slider { padding: 35px 0 0px; height: auto  }
	#slider h2 { font-size: 3em; width:100% }
	#slider .button,
 	#slider .tooltip,
	#slider .highlight  { display:none }

	#home-search { background:#432a17; box-shadow: 0 0 0 }
	#home-search h1 { display:none }
	#home-search form input.search {  width: 90% !important; }
	#home-search  .searchsubmit {  float:right; right: 0px; width: 100px; padding: 11px }

	.homepage ul.products li { width:100% !important; margin-bottom:10px !important }

	.parallax { display:none }

	#about .col { padding: 0 5% }
	#about h2, #about p, #about .button { display:none;}
	#about iframe { height:200px; }

	#contact-bar { padding: 25px 0}
	#contact-bar .col { border-bottom:1px solid #000; padding: 15px 0; margin: 0 0 }
	#contact-bar .col:nth-child(3) { border-bottom:0px  }
	#contact-bar i { display:inline-block; font-size: 1em; margin: 0 0; margin-right: 10px; }

	footer { padding: 25px; }
	footer .col, .copyright .col{ width:100% !important; }
	footer, footer p { text-align:center !important; font-size: 14px;  }
	footer .heading-title { display:none   }

	.copyright { padding: 0 25px; text-align:center }
	.copyright .textright { text-align:center }
	.copyright img { margin-top: 15px}
	.copyright i  { margin: 10px 10px 15px 15px !important; }

	#wprmenu_bar {z-index:9997 !important }
	.phone, .map, .mail { color:#fff !Important;  font-size: 1.7em !Important; display:inline-block; z-index: 9999 !important; position: fixed; top: 5px; padding:0px 10px !important; right:5px;   }
	.map { right:116px; }
	.mail { right:58px; }

	#my-account .wrapper { padding-top: 0px; width:100%; }
	#my-account .span_1_of_4 { position: relative; padding: 0 15px; }
	#my-account #buttons a { width: 48%; font-size: 14px; float:left }
	#my-account #buttons a i{ font-size:1em; }
	#my-account .update-account { padding: 25px; margin:25px 0}
	.account-info { text-align:center }
	.account-info i { display:none}

	.design-link img{  max-width:95% !important; position: relative }
	.design-link-container { text-align:center }
	.design-link-container p { padding: 0; float:none; width:100% }

	#pagetitle { padding: 25px 25px; }
	#pagetitle h1 { font-size: 2em }

	#mobile-login { padding:15px 15px 20px !important; background:#432a17; color:#fff; display:block;  }
	#loginform { width: 100%; display:block;}
	#loginform input[type=text],
	#loginform input[type=password] { width: 35%; }

	.design-online { background:url('/wp-content/uploads/2018/01/design-online.png') bottom 10px right 0px no-repeat; background-size: 50px auto }

	#mg-wprm-wrap ul li a { font-size: 22px !important  }
	#mg-wprm-wrap ul li ul {background:#eee !Important }
	#mg-wprm-wrap ul li ul li,
	#mg-wprm-wrap ul li ul li a {font-size: 14px !important; border-bottom:1px solid #999 !important  }
	#mg-wprm-wrap ul#wprmenu_menu_ul ul li.menu-item a { color:#000 !important;  font-weight:bold !important; }

	.elementor-tab-content { padding: 15px !important; }

	#mobile-nav { display:block; }

	.single-post { padding: 0 }

	#dealerform { padding: 0; }
	#dealerform .wrapper { padding:25px }

	#finddealer { padding: 0px; }
	#finddealer .hbspt-form { padding: 15px 25px; border-radius:0 }
	#finddealer .wrapper { padding:0px !important; margin:0 !important }

 	.errorpage .col { padding: 25px; text-align:center; min-height: auto !important }
	.errorpage .col input { width: 100% !Important; display:block; }

	#top-bar,
	header nav,
	header i,
	.dashicons,
	.homepage .aside,
	footer .col:nth-child(1),
	footer .col:nth-child(2),
	.homepage ul.products li:nth-child(6),
	.homepage ul.products li:nth-child(5),
	.homepage ul.products li:nth-child(4),
	#wprmenu_menu img { display:none !important }

	

}

@media only screen and (max-width : 667px) {
	.col { display:block; width:100% !important }
	.slide-content { font-size: 3.5em !Important }
}

@media only screen and (max-width : 375px) {
	.slide-content {  font-size: 2em !Important }
}