/*
Theme Name: Aandcglazing Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.1.1581471209
Updated: 2020-02-12 01:33:29

*/

/*
/*
 * HTML5 ✰ Boilerplate v3.0.2
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * Dreamweaver modifications:
 * 1. Commented out selection highlight
 * 2. Removed media queries section (we add our own in a separate file)
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; }
   [hidden] { display: none; }
   
   /* =============================================================================
      Base
      ========================================================================== */
   
   /*
    * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
    * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
    */
   
   html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
   
   html, button, input, select, textarea { font-family: serif; color: #222; }
   
   body { margin: 0; font-size: 18px; line-height: 28px; }
   
   /* 
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate
    * Also: hot pink! (or customize the background color to match your design)
    */
   
   /* Dreamweaver: uncomment these if you do want to customize the selection highlight
    *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
    *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
    */
   
   /* =============================================================================
      Links
      ========================================================================== */
   
   
   
   /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
   a:hover, a:active { outline: 0; }
   
   
   /* =============================================================================
      Typography
      ========================================================================== */
   
   abbr[title] { border-bottom: 1px dotted; }
   
   b, strong { font-weight: bold; }
   
   blockquote { margin: 1em 40px; }
   
   dfn { font-style: italic; }
   
   hr { display: block; height: 1px; border: 0; border-top: 1px solid #000; margin: 1em 0; padding: 0; }
   
   ins { background: #ff9; color: #000; text-decoration: none; }
   
   mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
   
   /* Redeclare monospace font family: h5bp.com/j */
   pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
   
   /* Improve readability of pre-formatted text in all browsers */
   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: 85%; }
   
   /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em; }
   sub { bottom: -0.25em; }
   
   
   /* =============================================================================
      Lists
      ========================================================================== */
   
   ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
   dd { margin: 0 0 0 40px; }
   nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
   
   
   /* =============================================================================
      Embedded content
      ========================================================================== */
   
   /*
    * 1. Improve image quality when scaled in IE7: h5bp.com/d
    * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
    */
   
   img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
   
   /*
    * Correct overflow not hidden in IE9
    */
   
   svg:not(:root) { overflow: hidden; }
   
   
   /* =============================================================================
      Figures
      ========================================================================== */
   
   figure { margin: 0; }
   
   
   /* =============================================================================
      Forms
      ========================================================================== */
   
   form { margin: 0; }
   fieldset { border: 0; margin: 0; padding: 0; }
   
   /* Indicate that 'label' will shift focus to the associated form element */
   label { cursor: pointer; }
   
   /*
    * 1. Correct color not inheriting in IE6/7/8/9
    * 2. Correct alignment displayed oddly in IE6/7
    */
   
   legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
   
   /*
    * 1. Correct font-size not inheriting in all browsers
    * 2. Remove margins in FF3/4 S5 Chrome
    * 3. Define consistent vertical alignment display in all browsers
    */
   
   button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
   
   /*
    * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
    */
   
   button, input { line-height: normal; }
   
   /*
    * 1. Display hand cursor for clickable form elements
    * 2. Allow styling of clickable form elements in iOS
    * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
    */
   
   button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
   
   /*
    * Re-set default cursor for disabled elements
    */
   
   button[disabled], input[disabled] { cursor: default; }
   
   /*
    * Consistent box sizing and appearance
    */
   
   input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
   
   /*
    * Remove inner padding and border in FF3/4: h5bp.com/l
    */
   
   button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
   
   /*
    * 1. Remove default vertical scrollbar in IE6/7/8/9
    * 2. Allow only vertical resizing
    */
   
   textarea { overflow: auto; vertical-align: top; resize: vertical; }
   
   /* Colors for form validity */
   input:valid, textarea:valid {  }
   input:invalid, textarea:invalid { background-color: #f0dddd; }
   
   
   /* =============================================================================
      Tables
      ========================================================================== */
   /* 
    * 'border-collapse: collapse;' needs to be overridden in designs having tables with rounded corners and drop shadows.
   */
   table { border-collapse: collapse; border-spacing: 0; }
   td { vertical-align: top; }
   
   /* =============================================================================
      Chrome Frame Prompt
      ========================================================================== */
   
   .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
   
   
   /* ==|== primary styles =====================================================
      Author:
      ========================================================================== */
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* ==|== non-semantic helper classes ========================================
      Please define your styles before this section.
      ========================================================================== */
   
   /* For image replacement */
   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
   .ir br { display: none; }
   
   /* Hide from both screenreaders and browsers: h5bp.com/u */
   .hidden { display: none !important; visibility: hidden; }
   
   /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
   .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
   
   /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
   .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
   
   /* Hide visually and from screenreaders, but maintain layout */
   .invisible { visibility: hidden; }
   
   /* Contain floats: h5bp.com/q */
   .clearfix:before, .clearfix:after { content: ""; display: table; }
   .clearfix:after { clear: both; }
   .clearfix { *zoom: 1; }
   
   
   /* ==|== print styles =======================================================
      Print styles.
      Inlined to avoid required HTTP connection: h5bp.com/r
      ========================================================================== */
   
   @media print {
     * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
     a, a:visited { text-decoration: underline; }
     a[href]:after { content: " (" attr(href) ")"; }
     abbr[title]:after { content: " (" attr(title) ")"; }
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
     pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
     thead { display: table-header-group; } /* h5bp.com/t */
     tr, img { page-break-inside: avoid; }
     img { max-width: 100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans: 3; widows: 3; }
     h2, h3 { page-break-after: avoid; }
   }

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

body {
	font-family: 'Avenir-Book';
	letter-spacing:0.01em;
	 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#2f2f2f;
	background-color: #efede9;
	overflow-x: hidden;
}

h1 {
	text-transform:uppercase;
	font-weight:100;
	font-size: 240%;
	line-height:normal;
	margin:0;
	letter-spacing:0.05em;
}

h1.home {
	font-family: 'Avenir-Black';
	font-size:200%;
	font-style: normal;
	font-weight:100;
	color:#2f2f2f;
	margin:0;
}

.twocol h1, .twocol h2, .twocol h3  {
	color:#2f2f2f;
	background: url(/wp-content/themes/aandcglazing-child/images/dark-line.png) center bottom no-repeat;
    padding-bottom: 30px;
    margin-bottom: 30px;
}


h2 {
	font-family: 'Avenir';
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
}

h2:first-of-type {
	margin-top:0;
}

.slides .slidetext h2, .slides .slidetext p {
	display:none;
}

h2 i {
	font-family: 'Avenir-BlackOblique';
}


.twocol h2.mid {
	background: none;
    padding-bottom: 0px;
	margin-top:50px;
}

h3 {
	font-family: 'Avenir';
	text-transform:uppercase;
	color:#2f2f2f;
	margin-bottom:50px;
	font-size: 24px;
    line-height: 34px;
	margin-top:0;
}

h4 {
	font-family: "Times New Roman", Georgia, Serif;
    font-style: italic;
	text-transform:uppercase;
	color:#2f2f2f;
	font-size:110%;
	line-height: 110%;
	font-weight:100;
}

#ctas h3 {
	font-size:220%;
	line-height: 110%;
}

h4 {
	font-family: 'code_pro_lcregular';
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:110%;
	font-weight:100;
	margin-top:0;
	margin-bottom:10px;
	margin-top: 40px;
}

.elementor-widget-testimonial .elementor-testimonial-content {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}

p:last-of-type {
	margin-bottom:0;
}

a {
	color:#e42f26;
	text-decoration:none;
}

li {
	list-style-position:inside;
}

.offering {
	background-color:#fff;
	padding:30px;
}

.offering ol {
	margin: 10px 0 0 0;
    padding: 0;
}

.offering li {
	color: #d02820;
	font-family: 'Avenir-black';
}

.offering li span {
	color: #2f2f2f;
	font-family: 'Avenir';
    font-weight: 100;
}

.blockquote {
	color: #2f2f2f;
	font-family: "Times New Roman", Georgia, Serif;
    font-style: italic;
}

.elementor-element.elementor-pagination-position-outside .swiper, .elementor-lightbox.elementor-pagination-position-outside .swiper {
    padding-bottom: 0 !important;
    margin-bottom: 30px !important;
}

.swiper-horizontal {
	border-radius:20px;
}

div#innerbanner h1 {
    color: #fff !important;
	text-align:center !important;
}


.frm_style_formidable-style.with_frm_style .frm_message, .frm_success_style {
    border: 1px solid #468847 !important;
    background-color: #468847 !important;
    text-align: center !important;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

#optionimages {
	height:100vh;
}

.homeoption {
	width:100%;
	height:50vh;
	position:relative;
}


.homeoption:first-of-type {
	border-bottom:2px solid #fff;
	box-sizing: border-box;
}

.homeoption h2 {
	color:#fff;
	font-size:90%;
	margin-top:60px;
}
  
.homeoption.windowsdoors {
	background: url(/wp-content/themes/aandcglazing-child/images/home-windows.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.homeoption.glazing {
	background: url(/wp-content/themes/aandcglazing-child/images/home-glazing.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#headercontainer {
	position: absolute;
    z-index: 1000;
    width: 100%;
    background-color: transparent;
    background: linear-gradient(to bottom, #efede9 10%, transparent 70%);
    padding-bottom: 300px;
}
  
.container {
	margin-left: auto;
	margin-right: auto;
	max-width:1400px;
	padding:0 5%;
}

#switch {
	color: #2f2f2f;
    background-color: #fff;
    text-align: center;
    padding: 10px 30px;
    font-size: 15px;
    font-family: 'Avenir-Black';
    width: fit-content;
    border-radius: 0px 0px 10px 10px;
    margin: auto;
}

#logobar {
	width: 100%;
	padding: 60px 0 30px 0;
}

#logo {
	text-align:center;
}

#logo img {
	max-width:350px;
}

#tel {
	text-align:center;
	margin-top:40px;
}

#tel p {
	font-size:26px;
	line-height:100%;
	margin:0;
}

#tel p span {
	font-size:17px;
	display:block;
	font-family: 'Avenir-Black';
}

#tel a {
	color:#2f2f2f;
}

#navbar {
	width: 100%;
	background-color:#2f2f2f;
	padding-bottom:30px;
}

#emergencyhead {
	background-color:#fff;
	padding:30px 5%;
	text-align:center;
	margin-top:40px;
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
}


#emergencyhead:hover {
	color:#fff;
	background-color:#2F2F2D;
}


#emergencyhead h3 {
	display:block;
    font-size: 100%;
	margin:0;
}

#emergencyhead:hover h3, #emergencyhead:hover div {
	color:#fff;
}

#emergencyhead div {
	display:block;
	text-transform:uppercase;
	margin-top:3px;
	color:#d02820;
}

#navigation {
	width: 90%;
}

.slides li {
	position:relative;
}

.slides .slidetext {
	color:#fff;	
	text-align:center;
	position:absolute;
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	width:90%;
	padding:0 5%;
}

.slides .slidetext .redbtn {
	background: rgba(228, 47, 38, 0.7);
}

.slides .slidetext .redbtn:hover {
	background: rgba(47, 47, 47, 0.7);
}

.flex-control-nav, #innerslides .flex-control-nav {
	display:none;
}

.nomarg {
	margin:0 !important;
}

#innerbanner {
	height:180px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	justify-content: center;
  }
  
#innerbanner.doors { 
	background: url(/wp-content/themes/aandcglazing-child/images/doors/slides/composite-wheel.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#innerbanner.windows { 
	background: url(/wp-content/themes/aandcglazing-child/images/windows/slides/timber-alternative-orange-brick.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.wd-about { 
	background: url(/wp-content/themes/aandcglazing-child/images/windows/slides/casement-brick.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.wd-doubleglazing { 
	background: url(/wp-content/themes/aandcglazing-child/images/windows/slides/casement-brick.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.wd-gallery { 
	background: url(/wp-content/themes/aandcglazing-childimages/windows/slides/alu-front.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#innerbanner.wd-casestudies { 
	background: url(/wp-content/themes/aandcglazing-childimages/doors/slides/bifold-green.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#innerbanner.wd-blog { 
	background: url(/wp-content/themes/aandcglazing-child/images/windows/slides/sash-yellow.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.wd-contact { 
	background: url(/wp-content/themes/aandcglazing-child/images/doors/slides/bifold-garden.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#innerbanner.g-about { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/mirrors-toilet.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.g-emergency { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/emergency-glazing.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.g-leadlight { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/stained-glass-leading.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.g-cutting { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/glass-cutting.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.g-gallery { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/balustrade-commercial.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

#innerbanner.g-contact { 
	background: url(/wp-content/themes/aandcglazing-child/images/glazing/slides/shower-black.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}

.defaultbanner {
	position: relative;
	overflow:hidden;
}

.defaultbanner img {
	width:100%;
	z-index:-1;
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}

#intro {
	text-align:center;
	margin-top:60px;
}

#homeintro {
	text-align:center;
	margin-top:60px;
	margin-bottom:60px;
}


#logorow {
	border-top:#2f2f2f solid 3px;
	padding-top:60px;
	margin-top:60px;
}

#logorow ul {
	padding:0;
	margin:0;
	text-align:center;
}

#logorow li {
	list-style:none;
	margin-bottom:30px;
}

#homefeatured {
    width: 100%;
	margin-top:60px;
}

.featuredimg {
	width:49.5%;
	padding:0;
	float: left;
	position:relative;
	margin:0 1% 1% 0;
}

.featuredimg:nth-of-type(2) {
	margin-right:0;
}

.featuredimg:nth-of-type(3) {
	margin-bottom:0;
}

.featuredimg:nth-of-type(4) {
	margin-bottom:0;
	margin-right:0;
}

.featuredimg h3 {
	color:#fff;
	font-size:120%;
	margin:0;
	padding:0;
}

.featuredimg h3 span {
	font-size:70%;
	font-family: 'Avenir-Book';
	display:block;
	margin-top:5px;
}

.featuredimg img {
	width:100%;
}

.featuredimg a, .bigimglink {
	color:#fff;
	font-family: 'Arial Rounded MT', 'Helvetica Rounded', Arial, sans-serif;
	font-size:80%;
}

.bigimglink {
	width:100%;
	position:relative;
	margin-bottom:1px;
}

.featuredimg img {
	width:100%;
	text-align:center;
	background:url(/wp-content/themes/aandcglazing-child/images/showroom-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.featuredimg:hover span.text-content, .bigimglink:hover span.text-content {
 	opacity: 1;
}

span.text-content {
	background: #2f2f2f;
	color: white;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 90%;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	text-align:center;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding:0 5%;
	align-items: center;
	justify-content: center;
}

.bigimglink span.text-content {
	background: rgba(47, 47, 47, 0.4);
	opacity:1;
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
}


.bigimglink span.text-content:hover {
	background: rgba(228, 47, 38, 0.7);
}

.bigimglink img {
	width: 100%;
}

#guarantees {
	padding: 60px 10%;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}

#guarantees h3 span {
	font-family: "Times New Roman", Georgia, Serif;
	text-transform:none;
	font-style:italic;
	font-size:140%;
}

#guarantees p {
	background:url(/wp-content/themes/aandcglazing-child/images/dark-line.png) center bottom  no-repeat;
	margin-top:0;
	font-size: 120%;
}

#guarantees p:last-of-type {
	background:none;
	padding:0;
	margin-bottom:0;
}

#callback, #contactform {
	background-color:#2f2f2f;
	padding: 60px 10%;
	width:80%;
	text-align:center;
}

#callback h3 {
	color:#fff;
}

#contactform h3 {
	color:#fff;
	margin-bottom:20px;
}

#callback h3 span, #contactform h3 span {
	font-family: 'Avenir-Light';
	display:block;
}

#callback p, #contactform p {
	color:#fff;
	margin:0;
	padding:0;
}

#contactform p {
	margin-bottom:20px;
}

#contactform p a {
	font-size:120%;
}


#guarantees {
	width: 100%;
    padding: 60px 5%;
    margin-top: 0;
}

#callback, #contactform {
    width: 100%;
    padding: 60px 5%;
    margin-top: 0;
}
	
#callback div {
    margin-bottom: 0;
}
	
#callback input, #callback textarea, #callback select  {
    width: 100%;
    padding: 15px 5%;
    margin-top: 15px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 0;
    text-transform: uppercase;
    font-size: 85%;
    font-family: 'Avenir-Book';
	height: unset;
	border-radius: 5px;
}
	
#callback button {
    background-color: #e42f26;
    color: #fff;
    font-size: 100%;
    width: 100%;
    font-family: 'Avenir-Book';
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
	-webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

#showroom {
	text-align:center;
	background:url(https://www.aandcglazing.co.uk/wp-content/themes/aandcglazing-child/images/showroom-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
	padding:60px 0;
}

#showroom ul, ul#address {
	padding:30px 0 0 0;
	margin:0;
}

ul#telephone {
	padding:0;
	margin:0;
}

#showroom li, #telephone li {
	list-style:none;
	text-transform:uppercase;
	font-family: 'Avenir-Black';
	font-size:110%;
}

#address li {
	list-style:none;
	font-size:100%;
}

#telephone li {
	font-size:140%;
}

#showroom h2 {
	margin-top:0;
}

#showroom p {
	font-size:120%;
}

#satisfaction {
	padding:60px 0;
	text-align:center;
}

.reviewer {
	font-weight:bold;
	background:url(/wp-content/themes/aandcglazing-child/images/dark-line.png) center top  no-repeat;
	padding-top:15px;
	margin-top:25px;
}

#footer {
	padding: 60px 5%;
	font-size:85%;
	background-color:#e42f26;
}

#footerlogo {
	text-align:center;
	margin-bottom:20px;
}

#footertext {
	text-align:center;
	color:#fff;
}

#footertext p {
	margin:0;
	line-height:190%;
}

#footertext a {
	color:#fff;
	font-weight:normal;
}

#footerbottom {
	padding: 30px 2.5%;
	text-align:center;
	font-size:85%;
	background-color:#d02820;
	color:#fff;
}

#footerbottom a {
	color:#fff;
}

#footerbottom ul {
	padding:0;
	margin:0;
	text-align:center;
}

#footerbottom li {
	list-style:none;
	margin-bottom:5px;
}

.redbtn, .elementor-button.elementor-size-md {
	background-color:#e42f26;
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
	margin-bottom:20px;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-radius: 30px !important;
    border-radius: 0 !important;
	width:100%;
	padding:20px 5% !important;
}

.redbtn:hover, .elementor-button.elementor-size-md:hover {
	background-color:#2f2f2f;
}

.redbtn a {
	color:#fff;
	font-size: 16px;
    letter-spacing: 0.05em;
}

.borderbtn {
	border:1px solid #fff;
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
	margin-top:30px;
	color:#fff;
	text-transform:uppercase;
}

.borderbtn:hover {
	background-color:#fff;
	color:#2f2f2f;
}

.divlink, .homeoption .divlink {
	position:relative;
	width:90%;
	padding:10px 5%;
	display:inline-block;
	cursor:pointer;
}

.homeoption .divlink {
	height:30vh;
	padding:10vh 5%;
	background: rgba(47, 47, 47, 0.4);
	opacity:1;
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	justify-content: center;
	text-align: center;
}

.homeoption .divlink:hover {
	background: rgba(228, 47, 38, 0.7);
}

.divlink span {
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	height:100%;
}

table.photogalleryTable td {
    padding:0 1px 1px 0;
	margin-right:0;
}

#homefeatured table.photogalleryTable td:nth-of-type(4), #homefeatured table.photogalleryTable td:nth-of-type(5), #homefeatured table.photogalleryTable td:nth-of-type(6), #homefeatured table.photogalleryTable td:nth-of-type(7) {
	display:none;
}

input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox, .cat_button {
	width:90%;
	padding:10px 5%;
	margin-top:7px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border:0;
	text-transform:uppercase;
	font-size:85%;
	font-family: 'Avenir-Book';
}

select.cat_dropdown {
	width:100%;
	font-family: 'Avenir-Book';
	background: url(/wp-content/themes/aandcglazing-child/images/arrow.png) no-repeat right #fff;
}

select::-ms-expand {	
	display: none; 
}

.cat_button {
	background-color:#e42f26;
	color:#fff;
	font-size:100%;
	width:100%;
	font-family: 'Avenir-Book';
	-webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
}
	
.cat_button:hover {
	background-color:#fff;
	color:#2f2f2f;
}

::-webkit-input-placeholder {
   color: #000;
   font-family: 'Avenir-Book';
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
   font-family: 'Avenir-Book';
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
   font-family: 'Avenir-Book';
}

:-ms-input-placeholder {  
   color: #000;  
   font-family: 'Avenir-Book';
}

.short-text {
    overflow: hidden;
    height: 0em;
}

.full-text{
    height: auto;
	margin-top: 30px
}

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	min-height: 400px;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.blog-container .post-list {
	width: 100%;	
}

.blog-container .side-panel {
	width:90%;
	margin-top:30px;
}


.post-list {
	width:100%;
}

.side-panel {
	padding:30px 5%;
	background-color:#2f2f2f;
	color:#fff;
	width:100%;
}

.blog-post {
	margin-bottom:60px;
}

.blog-post:last-of-type {
	margin-bottom:0px;
}

.wordver {
    margin-top: 10px;
	margin-bottom:20px;
}

.side-panel hr {
	border-top: 1px solid #fff;
}

.side-panel h4 {
	color:#fff;
}

.side-panel a {
	font-size:90%;
	color:#fff;
}

#pagenav {
	clear:both;
}

#blogform {
	width: 90%;
    margin-bottom: 0;
    padding: 60px 5%;
    margin-top: 60px;
	background-color: #ebebeb;
}

ul.features {
	list-style:square;
	color:#e42f26;
	padding: 60px 50px 50px 60px;
    background-color: #fff;
    margin-bottom: 50px;
    border-radius: 20px;
}

ul.features li {
	margin-bottom:10px;
	list-style-position: inherit;
}

ul.features span {
	color:#2f2f2f;
}


#brochuredownload {
	width:90%;
	margin:0 0 50px 0;
	text-align:center;
	padding: 30px 0;
}

.letstalk {
	margin-top:0;
	font-weight:bold;
	font-size:120%;
	font-family: 'Avenir-Black';
}

blockquote {
	padding:20px 5%;
	color:#fff;
	background-color:#2f2f2f;
	font-family: "Times New Roman", Georgia, Serif;
    font-style: italic;
	text-transform:uppercase;
	width:90%;
	margin:30px 0;
}


.youtube-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin:30px 0;
} 
	
.youtube-container iframe, .youtube-container object, .youtube-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.twocol img {
	display:block;
	margin:auto;
	padding:30px 0;
}

.colspace:first-of-type {
	margin-top:0px;
}

.colspace {
	margin-top:40px;
}

#imageContainer {
	padding: 15px !important;
}

#imageDetails #caption  {
	font-family: 'Avenir-Black';
	font-weight:normal !important;
	font-size:150%;
	text-transform:uppercase;
}

#imageDetails #caption span {
	font-family: 'Avenir-Book';
	display:block;
	font-size:90%;
	margin:5px 0 10px 0;
	text-transform:none;
}

#imageData #imageDetails {
	width:100% !important;
	text-align: center !important;
	margin-top:10px;
}

#numberDisplay {
	display:none !important;
}

#bottomNav {
	display: table;
	margin: 0 auto;
}

#imageData #bottomNavClose {
	display:none;
}

#prevBLink, #nextBLink {
	margin-bottom:10px;
}

#emergencynos, #emergencyad {
	font-size:120%;
	font-family: 'Avenir-Black';
	margin:0 0 40px 0;
	padding:30px 5%;
	list-style-type:none;
	background-color:#2f2f2f;
	text-transform:uppercase;
}

#emergencynos li {
	border-bottom:1px solid #fff;
	color:#fff;
	padding-bottom:10px;
	margin-bottom:10px;
	text-decoration:none;
}

#emergencynos li a {
	color:#fff;
}

#emergencyad li {
	color:#fff;
}

#emergencynos li:last-of-type, #emergencyad li:last-of-type {
	border-bottom:0px ;
	padding-bottom:0px;
	margin-bottom:0px;
}

#emergencynos li span {
	display:block;
}

#emergencynos .coverage {
	font-family: 'Avenir-Book';
	font-size:90%;
	text-transform:none;
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:30px;
}

#div1 {
	height: 180px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zeroMargin_mobile {
	margin-left: 0;
}

.hide_mobile {
	display: none;
}

.tabcell .clearfix {
	margin-bottom:30px;
}

.tabcell .clearfix:last-of-type {
	margin-bottom:0px;
}


.swatchblock {
	width: 26%;
	margin:0 10% 20px 0;
	float:left;
	height:128px;
}

.swatchblock:nth-of-type(3), .swatchblock:nth-of-type(6), .swatchblock:nth-of-type(9), .swatchblock:nth-of-type(12) {
	margin-right:0;
}

.swatchblock img {
	width:100%;
	margin:0;
	padding:0;
}

.swatchblock p {
	margin-top:7px;
	float:left;
}

.swatchblock.mobbottom, .doorhandles .inlinefour.mobbottom {
	margin-bottom:0;
}


.ralswatch {
	width: 17%;
	margin:0 10% 20px 0;
	float:left;
	height:60px;
}

.ralswatch:nth-of-type(4n+4) {
	margin-right:0;
}

.ralswatch img {
	width:100%;
	margin:0;
	padding:0;
	height:40px;
}

.ralswatch p {
	margin-top:0;
}

#central ul {
	padding:0;
}

#central li {
	list-style-position:inside;
}

.inlinetwo, .inlinefour {
	text-align:center;
}

div#intro {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 60px !important;
}
.blog-sidebar, .blog-content {
	display:inline-block !important;
	vertical-align:top;
}

.blog-sidebar h3 {
	margin: 0;
}

.blog-sidebar h3:nth-of-type(2) {
	margin-top: 30px;
}

.blog-sidebar ul {
	padding: 0;
}

.blog-sidebar {
	width: 25%;
	text-align: left;
}

#innerbanner h1 { 
	width:100% !important; 
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.6);
	margin-top:130px;
}

.blog-sidebar, .blog-content {
	display:block;
	width:90%;
	margin:auto;
}	

.item-title h2 {
	line-height: 40px;
	margin: 0;
	margin-top: 10px;
}

.blog-items li {
	margin-bottom:50px !important;
}

#recent-posts-3 li, #categories-3 li {
	margin-bottom:10px;
	list-style:none !important; 
}

.blog-items, .blog-item {
	text-align: left;
	margin-bottom:50px;
}

.blog-item h2 {
	margin-top:50px;
}

.blog-item h3 {
	margin-top:30px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    bottom: -20px !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    width: 20px !important;
    height: 20px !important;
    background-color: #fff;
    opacity: 1;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #d02820;
}

/* SVG Background for #intro */
#intro {
    position: relative;
}

#intro::before {
    content: '';
    position: fixed;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
    width: 800px;
    height: 800px; /* Adjust as needed */
    background-image: url('/wp-content/uploads/2026/01/and.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.3; 
    z-index: -1;
    pointer-events: none;
}


.elementor-tab-title.elementor-active, .elementor-widget-tabs .elementor-tab-content  {
	background:#fff !important;
}

.elementor-widget-tabs .elementor-tab-content  {
	border-radius: 20px;
}


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


@media only screen and (min-width: 481px) {


.inlinetwo {
	float:left;
	width:45%;
	margin-right:10%;
}

.inlinefour {
	float:left;
	width:17.25%;
	margin-right:10%;
}


.inlinefour:nth-of-type(4), .inlinefour:nth-of-type(8) {
	margin-right:0 !important; 
}	
	
.doorhandles .inlinefour {
	height:180px;
	margin-bottom:20px;
}	
	
.twocol .inlinetwo img, .twocol .inlinefour img {
	display:block;
	float:none;
	padding:0;
}


.inlinetwo:last-of-type, .letterboxes .inlinetwo:nth-of-type(even) {
	margin-right:0;
}


.twocol .resp-tab-content .inlinetwo p:first-of-type, .twocol .resp-tab-content .inlinefour p:first-of-type {
	margin:15px 0 40px 0;
	text-align:center;
}	

	
.swatchblock:nth-of-type(3), .swatchblock:nth-of-type(6), .swatchblock:nth-of-type(9) {
	margin-right:14% !important;
}

.swatchblock:nth-of-type(4), .swatchblock:nth-of-type(8), .swatchblock:nth-of-type(12) {
	margin-right:0 !important;
}	

.twocol h4 {
	text-align:left;
}

.container {
	padding:0 2.5%;
}

.fluid {
	clear: none;
	display: inline;
}

#logobar {
	padding: 60px 0 20px 0;
}

#logobar .container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	justify-content: center;
	flex-wrap:wrap;
}

#logo {
	width:50%;
	float:left;
	text-align:left;
}

#tel {
	width:50%;
	float:left;
	text-align:right;
	margin-top:0;
}

#emergencyhead h3 {
    font-size: 120%;
}


/* Safari 6.1+ */
.glazingbar #logo   {-webkit-order: 1;}
.glazingbar #emergencyhead  {-webkit-order: 3;}
.glazingbar #tel {-webkit-order: 2;}

/* Standard syntax */
.glazingbar #logo   {order: 1;}
.glazingbar #emergencyhead  {order: 3;}
.glazingbar #tel {order: 2;}


.glazingbar #emergencyhead {
	width:90%;
}

.flex-control-nav {
	display:block;
}

#innerslides .flex-control-thumbs {
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; display: flex; 
	justify-content: space-between; 
	align-content: space-between; 
	margin-top:2px;
	}


.slides .slidetext  h2 {
	font-family: "Times New Roman", Georgia, Serif;
	font-style:italic;
	font-size:300%;
	margin:0;
	line-height:normal;
	display:block;
	margin-top:20px;
	letter-spacing:0.05em;
}

.redbtn {
	margin-top:20px;
}

#innerbanner { 
	height:200px;
}

#intro, #homeintro  {
	padding:0 2.5%;
}

#logorow ul {
	width:100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 100%;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

#logorow li {
	float:left;
	margin:0 2.5%;
}

#logorow li:first-of-type {
	margin-left:0;
}

#logorow li:last-of-type {
	margin-right:0;
}

#homefeatured {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: space-between;
    align-content: space-between;
}

.featuredimg {
	width: 24.5%;
	float:left;
	margin:0;
}

#suboptions {
	margin-top:60px;
}

.bigimglink {
	width: 50%;
	float:left;
	border: 1px solid #fff;
	border-bottom:0;
	border-top:0;
	box-sizing: border-box;
}


#footer {
	text-align: inherit;
	padding: 60px 5%;
}

#footerlogo {
	width: 25%;
	margin-right:5%;
	margin-bottom:0;
}


#footertext {
	text-align:right;
	color:#fff;
	width:70%;
}

#footerbottom li {
	width:50%;
	float:left;
}

.hide_mobile {
	display: block;
}

.divlink {
	width:auto;
}

.twocol {
	width:45%;
	float:left;
	text-align:left;
}

.twocol:nth-of-type(odd) {
	margin-right:10%;
}

.twocol h1, .twocol h2, .twocol h3  {
	text-align:left;
	background: url(/wp-content/themes/aandcglazing-child/images/dark-line.png) left bottom no-repeat;
}


.twocol p:first-of-type {
	margin-top:0;
}

.colspace {
	margin-top:60px;
}

.blog-post {
	text-align:left;
}

.blog-post h2, .blog-post h3 {
	text-align:left;
}

.glazingslides .flex-control-paging li a {
	margin:0 5px 40px 5px;
	}

#div1 {
	height: 200px;
	}

.hide_tablet {
	display: none;
	}

.zeroMargin_tablet {
	margin-left: 0;
	}	
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


h1 {
	font-size:320%;
	line-height:normal;
}

.homeoption {
	width:50%;
	float:left;
	height:100vh;
}

.homeoption:first-of-type {
	border-bottom:0;
	box-sizing: border-box;
	border-right:2px solid #fff;
}

.homeoption h2 {
	color:#fff;
	font-size:120%;
}

.homeoption .divlink {
	width: 90%;
	height:70vh;
	padding:15vh 5%;
}

#logobar {
	padding: 20px 0 30px 0;
}

#navigation {
	width: 90%;
	clear: none;
	padding: 0;
}

#navbar {
	background-color:#d02820;
	padding-bottom:0;
	border-radius: 30px;
	max-width: 1400px;
	margin: auto;
}

.slides .slidetext  h2 {
	font-size:380%;
}

.slides .slidetext p {
	font-family: 'Avenir-Medium';
	font-size:150%;
	display:block;
}

#innerbanner { 
	height:700px;
}

.featuredimg {
		width: 16.5%;
}

.featuredimg h3 {
	font-size:140%;
}

.featuredimg h3 span {
	font-size:80%;
}

#showroom ul, #footerbottom ul, ul#address, ul#telephone {
	width:80%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 100%;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
}

#central {
	margin:0 10%;
}

ul#telephone {
	max-width:900px;
	margin:auto;
}

ul#address {
	max-width:750px;
	margin:auto;
}

#address li {
	font-size:120%;
}

#telephone li {
	font-size:180%;
}

#ctas {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
	
#footerbottom ul {
	width:100%;
}

#footerleft {
width: 23.7288%;
}

#footerright {
width: 74.5762%;
clear: none;
margin-left: 1.6949%;
}

.blog-container .post-list {
	float: left;
	width: 70%;	
	margin-right:5%;
}

.blog-container .side-panel {
	float: right;
	width: 15%;
	margin-top:0;
}


#blogform .cat_button {
	width:auto;
	float:right;
	margin-top:35px;
}

.wordver {
	width:70%;
	float:left;
	text-align: left;
	margin-bottom:0px;
}

.wordver .captchaimg {
	float:left;
	padding-top:7px;
}

.wordver .cat_textbox {
	float:left;
}

blockquote {
	float:right;
	margin:4px 0 20px 5%;
	width:40%;
}

.hide_mobile, .hide_tablet {
	display: block;
}

.twocol img {
	float:left;
	margin:0 5% 20px 0;
	padding:0;
}

.glazingslides .flex-control-paging li a {
	margin:0 20px 40px 20px;
}

#emergencynos li span {
	display:inline;
	float:right;
}

#div1 {
	height: 300px;
}

.zeroMargin_desktop {
	margin-left: 0;
}

.hide_desktop {
	display: none;
}

.tabcell .handles img {
	min-height:180px;
	max-height:180px;
	margin-left:auto !important;
	margin-right:auto !important;
}

.tabcell .classic img {
	min-height:170px;
	max-height:170px;
	margin-left:auto !important;
	margin-right:auto !important;
}

.swatchblock {
    width: 16.2%;
    margin: 0 10.5% 20px 0;
    float: left;
    height: 138px;
}


.swatchblock img {
	display:block;
}

.twocol .swatchblock p:first-of-type {
	margin-top:7px;
}


.swatchblock.mobbottom, .doorhandles .inlinefour.mobbottom {
	margin-bottom:20px;
}

.swatchblock.deskbottom, .doorhandles .inlinefour.deskbottom {
	margin-bottom:0;
}




.ralswatch {
	width: 10%;
	margin:0 7.5% 20px 0;
	float:left;
	height:60px;
}

.ralswatch:nth-of-type(4n+4) {
	margin-right:7.5%;
}

.ralswatch:nth-of-type(6n+6) {
	margin-right:0;
}

#homefeatured table.photogalleryTable td:nth-of-type(4), #homefeatured table.photogalleryTable td:nth-of-type(5) {
	display:table-cell;
}

#homefeatured table.photogalleryTable td:nth-of-type(5) {
	margin-right:0;
}

.glazingbar #logo {
	width:30%;
}

.glazingbar #emergencyhead {
	width:35%;
	margin-top:0;
	padding: 30px 2.5%;
}

.glazingbar #tel {
	width:30%;
}

/* Safari 6.1+ */
.glazingbar #logo   {-webkit-order: 1;}
.glazingbar #emergencyhead  {-webkit-order: 2;}
.glazingbar #tel {-webkit-order: 3;}

/* Standard syntax */
.glazingbar #logo   {order: 1;}
.glazingbar #emergencyhead  {order: 2;}
.glazingbar #tel {order: 3;}
	
	
.blog-content {
	width: 70%;
    margin-right: 5%;
}		
	
.blog-sidebar {
	width: 24% !important;
    text-align: left;
}
	
.newsection {
	margin-top:120px !important;
}
	
.nomarg {
	margin-top:0px !important;
}	
	
.newsection .elementor-inner-column:first-of-type {
	margin-right:70px;	
}	
	
.newsection .elementor-inner-column:last-of-type {
	margin-left:70px;	
}	
	
.newsection .intro {
	font-size:26px;
	line-height:36px;
	margin:0;
	padding:0;
}	
	
.swiper-pagination {
    text-align: right !important;
}
	
.offering {
	max-width:900px;
	width: fit-content !important;
	top:-160px;
	left:50px;
	z-index:100;
	padding:50px;
}	
	
.offering li {
	font-size: 18px;
    line-height: 38px;
}
	
.blockquote {
	font-size:60px;
	line-height:70px;
}	
	
	

}


@media only screen and (min-width: 1100px) {
.slides .slidetext {
	padding: 0 30%;
    width: 40%;
    top: 100px;
}

.homeoption .divlink {
	width: 60%;
	height:70vh;
	padding:15vh 20%;
}

.doorhandles .inlinefour {
	height:210px;
}

#homefeatured table.photogalleryTable td:nth-of-type(6) {
	display:table-cell;
}

#homefeatured table.photogalleryTable td:nth-of-type(7) {
	display:table-cell;
	margin-right:0;
}

}

/********************************************************
* NAVIGATION CSS
*********************************************************/

#nav {
	top: auto;
	left: auto;
	font-size: 75%; /* 12 */
}

#nav > a {
	width: 4.125em; /* 50 */
	height: 4.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #fff;
	position: relative;
	top:0;
	right:0;
	margin:0px auto;
	display: none;
}

#nav > a:before, #nav > a:after {
	position: absolute;
	border: 3px solid #e42f26;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}

#nav > a:after {
	top: 60%;
}


#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
}


/* root level */

#nav ul {
    z-index: 99;
	width:100%;
	background-color:#e42f26;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	padding: 0;
	text-align:center;	
}
	
#nav:target > ul {
	display: block;
}	
	
#nav > ul > li {
	height: 100%;
	width: 100%;
	float: none;
	padding: 10px 30px;
}

#nav li {
	position: relative;
}
	
#nav ul li a {
	font-size: 18px; /* 24 */
	line-height: 3em; /* 60 (24) */
	font-family: 'Avenir-Book';
    font-weight: bold;
    text-align: center;
	color: #fff;
}


#nav ul li a:hover {
}

#nav ul li.current-menu-item {
	background-color: #e42f26;
}


  
/* first level */


#nav li ul {
	background-color: #fff;
	display: none;
	position: absolute;
	top: 100%;
	position: static;
	text-align:center;
}

#nav li ul li a {
	color: #e42f26;
	display: block;
}

#nav li ul li a:hover {
	color:#000;
}
	


/* second level */


#nav li ul li ul {
	background-color: green;
}

#nav ul li:hover > ul {
	display: block;
}




@media only screen and (min-width: 769px) {
  
  
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
    display: none;
}

#nav:target > ul {
    display: inline-flex;
}
	
#nav > ul {
	background-color:transparent;
	width:100%;
	position:relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	width: 100%;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}

#nav ul {
	left:auto;
	right:auto;
}

#nav ul li {
	z-index:20;
}

#nav ul li a {
	line-height:2em;
}

#nav > ul > li {
	width:auto;
	display:inline-block;
}

#nav > ul > li > a:hover {
	color: #2f2f2f;
}


#nav ul ul {
    white-space: nowrap;
}

/* first level */

#nav li ul {
	background-color: #d02820;
    display: none;
    position: absolute;
    top: 100%;
	width: auto;
	left: 0px;
	padding: 12px 0 10px 0;
	border-radius: 0 0 20px 20px;
}

#nav li ul li {
	margin-right:0;
	padding:8px 30px;
	float: none;
    position: relative;
}

#nav li ul li a {
	font-size: 130%; /* 24 */
	text-align:left;
	color:#fff;
}

#nav li ul li a:hover {
	color:#2f2f2f;
}



/* second level */

#nav ul ul ul {
	position: absolute; 
	left: 100%; top:-1px;
}

}

/*****************************
* CUSTOM CSS
******************************/
hr.line {
    margin: 30px 0 !important;
    border: 1px solid;
    width: 25%;
	display:block;
}
.elementor-widget-text-editor {
    font-family: inherit !important;
}
.alignleft {
    float: left;
}
.ralswatch img {
    height: 40px !important;
}
figure.gallery-item .gallery-caption {
    display: none;
}
figure.gallery-item img {
    width: 100%;
}
figure.gallery-item {
    display: inline-block;
    width: 16.33%;
    vertical-align: top;
}
.elementor-tab-desktop-title {
    font-weight: normal !important;
    font-size: 14px;
}
.elementor-tabs-content-wrapper h3 {
    margin: 0;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

#gallery-homepage a, #gallery-homepage img {
   width:100% !important;	
}

.images-box figure {
    width: 100% !important;
	margin:0 !important;
}

.images-box .elementor-image-box-wrapper {
	position:relative;
}

.images-box .elementor-image-box-content {
    position: absolute;
    top: 40%;
}

.images-box .elementor-image-box-content h2 {
	color:#fff !important;
}

.images-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(47, 47, 47, 0.4);
}

.images-box .overlay:hover {
	background:rgba(228, 47, 38, 0.7);
}

.elementor-active {
    background: #ebebeb !important;
}

.contact-section .elementor-column-wrap {
    margin: 40px !important;
}

#callback input::placeholder {
    color: #000 !important;
}

#callback .frm_button_submit {
    padding: 10px 0px !important;
}

#guarantees, #callback {
    padding: 30px;
}

.contact-page #callback {
	padding: 60px 5%;
}

body .color-accent, 
body .color-accent-hover:hover, 
body .color-accent-hover:focus, 
body :root .has-accent-color, 
body .has-drop-cap:not(:focus):first-letter, 
body .wp-block-button.is-style-outline, body a {
	color:#e42f26;
}

#gallery_section .elementor-tab-desktop-title.elementor-active, 
#gallery_section .elementor-tab-content.elementor-active, 
#gallery_section .elementor-tabs-content-wrapper {
	background: transparent !important;
	border: none !important;
}

#gallery_section .elementor-tab-desktop-title {
	padding: 14px 15px 15px 14px !important;
	margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
    margin-bottom: 10px !important;
	position: relative;
    z-index: 1;
}

#gallery_section .elementor-tab-desktop-title.elementor-active {
    color: #fff !important;
    background: url(/wp-content/uploads/2020/03/slider-arrow.png) right center no-repeat !important;
	background-color: #d02820 !important;
}

.system-message, .system-error-message {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    color: #666;
    margin: 18px;
    min-height: 110px;
    height: auto !important;
    height: 110px;
    padding: 36px 36px 36px 180px;
}

#testimonials h3 {
    margin-bottom: -25px !important;
	margin-top:10px;
}

@media(max-width:768px){
	.contact-section .elementor-element {
    	width: 100% !important;
	}
}

@media(max-width:768px) and (min-width:415px){
	.swatchblock {
		width: 14%;
		margin: 0;
		float: left;
		height: 150px;
		margin-right: 15% !important;
	}
	.inlinefour {
		float: left;
		width: 14%;
		margin-right: 14% !important;
	}
}

@media(max-width:736px){
	.elementor-tab-title.elementor-tab-mobile-title.elementor-active, 
	#gallery_section .elementor-tab-desktop-title.elementor-active {
		background:#e42f26 !important;
		color:#fff !important;
	}
	.elementor-column-wrap.elementor-element-populated {
      padding: 30px 0 !important;
    }
	.contact-section .elementor-column-wrap {
       margin: 40px 0 !important;
	   padding: 30px !important;
    }
	div#innerbanner {
    	text-align: center;
	}
	
	.main-gallery {
    	margin: 0 !important;
	}
	
	.main-gallery .elementor-column:nth-child(3), .main-gallery .elementor-column:nth-child(4), .main-gallery .elementor-column:nth-child(5), .main-gallery .elementor-column:nth-child(6) {
		display: none;
	}
	
	.main-gallery .elementor-column {
		width: 33.33% !important;
	}
	
	.main-gallery .elementor-column-wrap {
		padding: 0 !important;
	}
}