/* Theme Name: sasquatch analysis Template Version: 1.0 Description: A theme for sasquatch analysis Author: We Design Author URI: http://www.wedesigngroup.ca */ /* TAG STYLES ---------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } html { min-height: 100%; position: relative; height: 100%; } body { position: relative; font-size: 16px; color: #000000; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; } header { position: relative; z-index: 2; } main { position: relative; z-index: 1; } iframe { display: block; max-width: 100%; } h1, h2, h3, h4, h5, h6 { padding-bottom: 20px; font-weight: 700; font-style: normal; color: #000000; } h1 { font-size: 2.2em; } h2 { font-size: 1.8em; font-style: normal; } h3 { font-size: 1.4em;font-style: normal; } h4 { font-size: 1.2em; font-style: normal;} h5 { font-size: 1em; font-style: normal; } h6 { font-size: 0.8em; font-style: normal; } p { padding-bottom: 20px; } ul, ol { margin: 0 0 20px 30px; } ul li, ol li { line-height: 150%; padding-bottom: 5px; } img { border: none; max-width: 100%; height: auto; } a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; } hr { margin: 20px auto; clear: both; border: none; width: 100%; height: 2px; background-color: #6a6e70; } i span { display: none; } iframe { background-color: #ffffff; } input { } strong { } blockquote { color: #4C7FA6; text-align: center; margin: 0 0 30px; padding: 0 30px; } /* table */ table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; } table tr { } table th { border: 1px solid #e6e6e6; text-align: left; vertical-align: top; padding: 5px 10px; } table td { border: 1px solid #e6e6e6; text-align: left; vertical-align: top; padding: 5px 10px; } /* form */ .sow-tabs-panel-content:focus, li:focus, li a:focus, form:focus, input:focus, select:focus, textarea:focus, button:focus { outline: none; } :-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #5f0f58; } /* COMMON STYLES ---------------------------------------------------------------------------*/ .clear { clear: both; } .right { float: right; } .left { float: left; } .clear { clear: both; } .clearRight { clear: right; } .clearLeft { clear: left; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0px 0 20px 35px; display: inline; } img.alignleft { margin: 0px 35px 20px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .fullHeight, .fullHeight .widget_custom_html, .fullHeight .custom-html-widget { height: 100%; } .imageBlock img { display: block !important; } .groupedBlock { display: inline-block;} .alignTop { vertical-align: top !important; } .uppercase { text-transform: uppercase; } .centerBlock { text-align: center; } .noPadding { padding: 0; } .headerSpacing { display: block; width: 100%; height: 20px; } .woodgrainSpacing { min-height: 65px; } .woodgrainSpacingBlock { width: 100%; min-height: 65px; background-size: cover; background-repeat: no-repeat; background-image: url('images/wood_grain_background.jpg'); } .borderTop { border-top: 5px solid #000000; } .backgroundImageSpacer { display: block; width: 100%; min-height: 300px; } .backgroundImageTallSpacer { display: block; width: 100%; min-height: 600px; } /* fonts */ .whiteText, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText h5, .whiteText h6 { color: #ffffff; } /* HEADER STYLES ---------------------------------------------------------------------------*/ #headerWrapper { /*position: fixed; left: 0; top: 0px;*/ width: 100%; background-color: rgba(0,0,0,0.75); border-bottom: 5px solid #000000; } .admin-bar #headerWrapper { top: 32px; } #headerContentwrapper { width: 100%; max-width: 975px; margin: 0px auto; padding: 10px 0 0; display: flex; justify-content: space-between; } #logo { /*width: 130px;*/ height: auto; /*padding: 15px 0px;*/ } #logo img { width: 100%; height: auto; display: block; } #headerRightWrapper { flex-grow: 1; padding-left: 40px; padding-right: 20px; } #fontResizerWrapper { display: block; font-size: 0.8em; } #fontResizer { list-style: none; margin: 5px 0 0; padding: 0; text-align: right; } #fontResizer li { display: inline; padding: 0 2px; } #fontResizer a { text-decoration: none; color: #ffffff; } #fontResizer a:hover { /*text-decoration: underline;*/ color: #801517; } #decreaseFont { font-size: 0.9em; } #initalFontSize { font-size: 1.3em; } #increaseFont { font-size: 1.5em; } #mainNavigationWrapper { max-width: 100%; margin: 0 0 0 auto; text-align: right; position: relative; } #mainNavigation { list-style: none; padding: 0; clear: both; display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; margin: 0; } #mainNavigation li { display: inline; margin: 0; padding: 0; position: relative;} #mainNavigation a { position: relative; display: block; color: #ffffff; font-weight: 600; padding: 8px 0; text-decoration: none; font-style: normal; font-size: 15px; text-align: center; } #mainNavigation a::after { position: absolute; content: ''; display: block; bottom: 5px; left: 0; margin-left: 0; margin-right: auto; height: 2px; width: 100%; background-color: transparent; } #mainNavigation li::first-child a { background-image: none; } #mainNavigation li.current_page_ancestor a, #mainNavigation li.current_page_item a, #mainNavigation li:hover a { text-decoration: none; } #mainNavigation li.current_page_ancestor a::after, #mainNavigation li.current_page_item a::after, #mainNavigation li:hover a::after { background-color: #ffcb35; } #mainNavigation ul { display: none; padding: 0; margin: 0; visibility: hidden; position: absolute; z-index: 1000; height: 0; bottom: 0px; left: 0; width: 170px; list-style: none; } #mainNavigation li.accessmenu ul, #mainNavigation li.left_drop ul { right:0px; left: auto; } #mainNavigation ul li { display: block; padding: 0; background-image: none; line-height: normal; height: auto; margin: 0; padding: 0px; background: transparent !important; border-right: none; } #mainNavigation ul li a:after { display: none; } #mainNavigation li.current_page_ancestor li a, #mainNavigation li.current_page_item li a, #mainNavigation ul li a { position: relative; display: block; text-align: left; color: #ffffff !important; background-color: rgba(0,0,0,1) !important; font-size: 14px; font-weight: normal; text-transform: none; height: auto; line-height: normal; background-image: none; margin: 0; padding: 6px 5px; border: none; } #mainNavigation ul li a span { font-size: 11px; } #mainNavigation ul li a::after { position: absolute; display: block; background-color: #ffffff !important; height: 1px; width: 160px; bottom: 0; left: 5px; margin-left: 0; } #mainNavigation ul li:last-child a::after { display: none; } #mainNavigation ul li.current_page_ancestor a, #mainNavigation ul li.current_page_item a, #mainNavigation ul li a:hover { display: block; text-align: left; color: #000000 !important; height: auto; line-height: normal; background-image: none; margin: 0; padding: 6px 5px; background-color: #ffcb35 !important; border: none; } #mainNavigation ul li:last-child a, #mainNavigation ul li.last a { border-width: 0px; } #mainNavigation ul ul { display: none; padding: 0; margin: 0; visibility: hidden; position: absolute; z-index: 1000; height: 0; top: 0px; left: 170px; width: 170px; list-style: none; } #mainNavigation ul li.accessmenu ul, #mainNavigation ul li.left_drop ul { right:0px; left: auto; } #mainNavigation ul ul li { display: block; padding: 0; background-image: none; line-height: normal; height: auto; margin: 0; padding: 0px; background: transparent !important; border-right: none; } #mainNavigation ul ul li a:after { display: none; } #mainNavigation ul li.current_page_ancestor li a, #mainNavigation ul li.current_page_item li a, #mainNavigation ul ul li a { position: relative; display: block; text-align: left; color: #ffffff !important; background-color: rgba(0,0,0,1) !important; font-size: 14px; font-weight: normal; text-transform: none; height: auto; line-height: normal; background-image: none; margin: 0; padding: 6px 5px; border: none; } #mainNavigation ul ul li a span { font-size: 11px; } #mainNavigation ul ul li a::after { position: absolute; display: block; background-color: #ffffff !important; height: 1px; width: 160px; bottom: 0; left: 5px; margin-left: 0; } #mainNavigation ul ul li:last-child a::after { display: none; } #mainNavigation ul ul li.current_page_ancestor a, #mainNavigation ul ul li.current_page_item a, #mainNavigation ul ul li a:hover { display: block; text-align: left; color: #000000 !important; height: auto; line-height: normal; background-image: none; margin: 0; padding: 6px 5px; background-color: #ffcb35 !important; border: none; } #mainNavigation ul ul li:last-child a, #mainNavigation ul ul li.last a { border-width: 0px; } #mainNavigation li:hover ul, #mainNavigation a:hover ul { padding: 0; margin: 0; display: inline; visibility: visible; } #mainNavigation :hover ul ul { padding: 0; margin: 0; display: none; visibility: hidden; } #mainNavigation :hover ul :hover ul { padding: 0; margin: 0; display: inline; visibility: visible; } #sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:200px;overflow-x:none;overflow-y:auto;font-family: 'Ubuntu', serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)} .mobilenav_menu { font-family: Arial, Helvetica, sans-serif; float: right; display: none; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ffcb35; color: #ffcb35; margin-right: 2.5%; font-weight: bold; margin: 3px 10px 3px 10px; border: 2px solid #0f2554; } .mobilenav_menutxt { display: block; height: 20px; width: 20px; } .mobilenav_menu a { text-decoration:none; color: #ffffff; display: block; text-align: center; padding: 7px 10px; } .mobilenav_menu a:hover { text-decoration:none; } .sidr ul li { padding-bottom: 0; } /* CONTENT STYLES ---------------------------------------------------------------------------*/ #contentWrapper { /*width: 100%;*/ margin-top: 30px; } #beforeContentWrapper { width: 100%; } .content { width: 95%; max-width: 975px; margin: 0 auto; padding: 0 0 40px; word-break: break-word; } #afterContentBlock { margin: 30px 0 0; /*margin: 0;*/ clear: both; } .descr { font-style: italic; font-size: 0.8em; } /* FOOTER STYLES ---------------------------------------------------------------------------*/ #footerContentBlockWrapper { background-color: #151b1f; width: 100%; padding: 35px 0; border-top: 5px solid #000000; } #footerContentBlock { max-width: 975px; width: 95%; margin: 0 auto; color: #ffffff; font-size: 0.8em; } #footerContentBlock strong { color: #ffffff; } #footerContentBlock a { color: #ffffff; text-decoration: none; } #footerContentBlock a:hover { text-decoration: underline; } #footerContentBlock .footerSocialLinks {} #footerContentBlock .footerSocialLinks ul { list-style: none; margin: 0 10px 0 0; padding: 0; display: flex; align-items: center; justify-content: center; } #footerContentBlock .footerSocialLinks li { display: block; margin: 0 8px; font-size: 40px; } #footerContentBlock .footerSocialLinks a { color: #000000; } #footerContentBlock .footerSocialLinks a:hover { color: #730f25; } .footerMap { border: 4px solid #000000; } .footerMenu #menu-footer-menu { display: flex; justify-content: space-between; flex-wrap: wrap; } .footerMenu ul { list-style: none; margin: 0; padding: 0; } .footerMenu li { padding-bottom: 30px; /*padding-left: 20px;*/ max-width: 180px; /*min-width: 150px;*/ } .footerMenu li:first-child { padding-left: 0; } .footerMenu a { color: #ffffff; font-family: din-2014-narrow, sans-serif; font-style: normal; font-weight: 600; font-size: 1.4em; } .footerMenu .sub-menu { margin: 0; } .footerMenu .sub-menu li { padding-left: 0; padding-bottom: 0; width: 100%; } .footerMenu .sub-menu a { color: #ffffff; font-weight: 300; font-size: 1em; } #footerCopyrightBlockWrapper { width: 100%; background-color: #000000; padding: 10px 0 0; } #footerCopyrightBlock { width: 95%; max-width: 975px; margin: 0 auto; color: #ffffff; } #footerCopyrightBlock p { padding-bottom: 10px; font-size: 0.7em; } #backToTop { display: none; z-index: 1000; position: fixed; bottom: 30px; right: 30px; height: 50px; width: 50px; border-radius: 5px; background-color: rgba(255, 203, 53, 0.75); color: #ffffff; text-decoration: none; line-height: 50px; font-size: 20px; text-align: center; align-items: center; justify-content: center; } #backToTop:hover { cursor: pointer; background-color: rgb(255, 203, 53, 1);} #backToTop img { max-width: 70%; } /* CLEAR STYLES ---------------------------------------------------------------------------*/ .clearfix:after, #headerWrapper:after, #headerContentwrapper:after, #contentWrapper:after, #beforeContentWrapper:after, #content:after, #afterContentWrapper:after, #footerWrapper:after { content: ""; display: table; clear: both; } /* RESPONSIVE STYLES ---------------------------------------------------------------------------*/ @media screen and (max-width: 960px) { #mainNavigation { display: none; } .mobilenav_menu { display: block; } }