/* Theme Name: Vertical Frontiers Author: Insigniacreative/Vertical Frontiers Author URI: http://www.insigniacreative.co.uk Template: Extra Version: 1.0.0 Description: A Child Theme built using the elegantmarketplace.com Child theme maker Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like Wordpress Version: 4.7.2 */ /* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ * { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chromeframe { position: absolute; top: 0; } html { height: 100%; background: #ffffff; } body { min-height:100%; height: auto!important; height: 100%; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 0.938em; background: transparent; /* enable opentype features where possible */ font-kerning: normal; font-variant-ligatures: common-ligatures contextual; -moz-font-feature-settings: "kern", "liga", "clig", "calt"; -ms-font-feature-settings: "kern", "liga", "clig", "alt"; -webkit-font-feature-settings: "kern", "liga", "clig", "calt"; font-feature-settings: "kern", "liga", "clig", "calt"; margin: 0; } /* custom text-selection colors */ ::-moz-selection { background: #fcd700; color: #444444; text-shadow: none; } ::selection { background: #fcd700; color: #444444; text-shadow: none; } #page-container { width: 100%; max-width: 1920px; /* page is limited to max-width of 1920px */ border: 0; margin: 0 auto; position: relative; } .container { position: relative; width: 90%; max-width: 1440px!important; /* basic default container is limited to max-width of 1440px */ margin: 0 auto; border:0; } /* set img max-width */ img { border: none; max-width: 100%; height: auto; width: auto \9; /* old IE */ } img, object, iframe, video { max-width: 100%; } a img, a img.preview, a:hover, a:focus, a:active, a:selected, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline: 0; -moz-outline-style: none; } a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer; } /* j.mp/webkit-tap-highlight-color (touch screens) */ a:link { -webkit-tap-highlight-color: #00acc8; } input[type="button"] { cursor: pointer; } a:link { -webkit-tap-highlight-color: rgba(0,0,0,0)!important; /* make transparent link selection */ } a { color: #35b3a8!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } a:hover { color: #0f72b6!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } a.greenpanel-a { color: #168678!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } a.greenpanel-a:hover { color: #0f72b6!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } a.bluepanel-a { color: rgba(255, 255, 255, 0.5)!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } a.bluepanel-a:hover { color: rgba(255, 255, 255, 1.0)!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; text-decoration: none; outline: none; transition: all 0.3s ease; } p { font-family: 'Raleway', sans-serif; font-weight: 600; margin: 0 0 15px 0; padding: 0; color: #6f788a; line-height: 140%; font-size: 15px; } .subtitle { font-family: 'Raleway', sans-serif; font-weight: 800; margin: 0 0 15px 0; padding: 0; color: #6f788a; line-height: 120%; font-size: 20px; } .white { color: #fff!important; } .whitebold { color: #fff!important; font-weight: 800; font-size: 110%; } .green { color: #35b3a8!important; } .darktext { color: #283c56!important; } small { font-size: 12px; color: #ccc; line-height: 130%; } em { font-style: italic; color: #ccc; line-height: 130%; } strong { font-weight: 800; font-size: 110%; } .bullet { font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: 120%; } .asterix { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #35b3a8; font-size: 150%; } .homeintrotitle { font-size: 40px; line-height: 110%!important; margin: 0 auto; text-align: center; color: #0f71b4; font-family: 'Raleway', sans-serif; font-weight: 600; padding: 0; letter-spacing: -0.035em; } .largeboldparagraph { font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 1.500em; } .largeboldparagraph a { color: #35b3a8; font-family: 'Raleway', sans-serif; font-weight: 800!important; } .largeboldparagraph a:hover { color: #0f72b6; font-family: 'Raleway', sans-serif; font-weight: 800!important; } h1.entry-title { /* blog h1 title styles */ padding: 0; margin: 0 0 10px 0; color: #35b3a8!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; line-height: 105%!important; font-size: 28px; letter-spacing: -0.035em; } h2.post-title.entry-title { padding: 0; margin: 0 0 10px 0; color: #35b3a8!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; line-height: 105%!important; font-size: 24px; letter-spacing: -0.035em; } .et_pb_blog_grid .et_pb_post { border: 1px solid #eaeaea!important; padding: 19px; background-color: #fff; word-wrap: break-word; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; } article, .single article, .page article { box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; } .pagetitlestripicon { width: 100px; height: 100px; float: left; position: relative; padding: 0; margin: -10px 5px 15px 0; } .pagetitlestripiconsmall { width: 70px; height: 70px; float: left; padding: 0; margin: -10px 5px 15px 0; } .pagetitlestriptext { font-family: 'Raleway', sans-serif; font-weight: 600!important; font-size: 36px; letter-spacing: -0.035em; text-align: center; line-height: 115%; color: #fff; } .modulearrowbluedown { display: block; position: absolute; content: ''; width: 60px; bottom: -20px; left: 50%; margin-left: -30px; background: transparent!important; background-color: transparent!important; z-index: 99; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #0f72b6; } .modulearrowgreendown { display: block; position: absolute; content: ''; width: 60px; bottom: -20px; left: 50%; margin-left: -30px; background: transparent!important; background-color: transparent!important; z-index: 99; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #35b3a8; } .pageintrocentered { color: #6f788a; font-size: 22px; line-height: 150%; text-align: center; font-weight: 700; } .paneltitlegreen { font-family: 'Raleway', sans-serif; font-weight: 800!important; font-size: 32px; letter-spacing: -0.035em; text-align: left; line-height: 115%; color: #35b3a8!important; margin: 0 0 15px 0; padding: 0; text-transform: none!important; } .paneltitleblue { font-family: 'Raleway', sans-serif; font-weight: 800!important; font-size: 32px; letter-spacing: -0.035em; text-align: left; line-height: 115%; color: #0f72b6!important; margin: 0 0 15px 0; padding: 0; text-transform: none!important; } .paneltitlewhite { font-family: 'Raleway', sans-serif; font-weight: 800!important; font-size: 32px; letter-spacing: -0.035em; line-height: 115%; color: #ffffff!important; margin: 0 0 15px 0; padding: 0; text-transform: none!important; } .ratingsiconscontainer { width: 100%; height: 35px; position: relative; overflow: hidden; display: block; margin: 0 0 40px 0; padding: 0; border: 0; } .ratingsicon { width: 35px; height: 35px; float: left; display: inline-block; padding: 0; margin: 0 3px 0 0; } .floatimageleft { max-width: 40%; float: left; position: relative; margin: 0 8px 4px 0; padding: 0; } .floatimageright { max-width: 40%; float: right; position: relative; margin: 0 0 4px 8px; padding: 0; } .carabinerimg { width: 174px; height: 280px; float: right; position: relative; margin: -60px 0 0 4px; padding: 0; } .helmetandaxe { width: 307px; height: 242px; float: right; position: relative; margin: -80px -30px 0 8px; padding: 0; } .skigloves { width:240px; height: 240px; float: right; position: relative; margin: 0 0 0 4px; padding: 0; } .logopair { width:323px; height: 100px; position: relative; display: block; margin: 0 0 0 0; padding: 0; } .skipolesimg { width: 200px; height: 377px; float: right; display: inline-block; position: relative; margin: -150px -14.25% 0 2%; padding: 0; } .panelimgcaptionbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; display: block; min-height: 30px; width: 100%; bottom: 0; left: 0; margin: 0; padding: 10px; overflow: hidden; background: rgba(35,45,59,0.80); color: #ccc; line-height: 115%; font-size: 13px; font-weight: 600; } /* profilepanel style begin */ .profilepanel { text-align: left; position: relative; width: 100%; overflow: hidden; margin: 0; padding: 0; display: block; } .profilepicture { width: 280px; height: 280px; float: left; position: relative; padding: 0; margin: 8px 16px 6px 0; border: 4px solid #fff; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .profilesocialcontainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; position: relative; border: 0; margin: 20px auto; padding: 0 20px 0 0; text-align: right; } .profilesocialicon { width: 40px; height: 40px; display: inline-block; margin: 0 6px 0 0; padding: 0; border: 0; outline: 0; } /* profilepanel style ends */ .fillwidthimage { width: 100%!important; max-width: 100%!important; position: relative; margin: 0 auto; padding: 0; display: block; } /* custom horizontal rules begin */ hr { margin:30px 0 30px 0; width:100%; padding: 0; border: 0; height: 0; border-top: 1px solid rgba(201, 204, 211, 0.45); text-align: center; } hr.custom1 { margin: 30px auto 45px auto; padding: 0; border: none; border-top: 1px solid #c9ccd3; text-align: center; } hr.custom1:after { content: url(/wp-content/uploads/customruleicon1.png); display: inline-block; position: relative; top: -1em; font-size: 1.5em; padding: 0 0.25em; background: white; } hr.custom2blank { margin:30px 0 30px 0; width:100%; padding: 0; border: 0; height: 0; border-top: 1px solid rgba(255, 255, 255, 0.4); text-align: center; } hr.custom2 { margin: 30px auto 45px auto; padding: 0; border: none; border-top: 1px solid rgba(255, 255, 255, 0.4); text-align: center; } hr.custom2:after { content: url(/wp-content/uploads/customruleicon2.png); display: inline-block; position: relative; top: -1em; font-size: 1.5em; padding: 0 0.25em; background: #0f72b6; } /* custom horizontal rules end */ blockquote.whitequote { background: transparent; border: 0; margin: 30px 0 20px 0; padding: 0; padding: 0; display: block; position: relative; float: none; vertical-align: text-top; text-align: left!important; } blockquote.whitequote::before { content: "\275D"; /* unicode icon for opening mark */ margin: 0 0 5px 0; display: block; color: #35b3a8; font-size: 3.5em; } blockquote.whitequote::after { content: "\275E"; /* unicode icon for closing mark */ margin: 10px 0 0 0; display: block; color: #35b3a8; font-size: 3.5em; } blockquote.whitequote p { text-align: left!important; color: #ffffff; font-weight:normal!important; font-family: 'Roboto', sans-serif; font-style: italic; font-size: 18px; line-height: 150%; margin: 0 0 15px 0; padding: 0; letter-spacing: -0.015em; display: block; } .posts-blog-feed-module.masonry .hentry { background: #ffffff; border-top: 6px solid #00a8ff; border-top: 0; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-sizing: border-box; margin: 0 0 24px; overflow: hidden; } .post-content.entry-content blockquote { /* blog blockquote styles */ background: transparent; border: 0; margin: 30px 0 20px 0; padding: 0; padding: 0; display: block; position: relative; float: none; vertical-align: text-top; text-align: left!important; } .post-content.entry-content blockquote::before { content: "\275D"; /* unicode icon for opening mark */ margin: 0 0 5px 0; display: block; color:#0f72b6; font-size: 3.5em; } .post-content.entry-content blockquote::after { content: "\275E"; /* unicode icon for closing mark */ margin: 10px 0 0 0; display: block; color:#0f72b6; font-size: 3.5em; } .post-content.entry-content blockquote p { text-align: left!important; color: #0f72b6; font-weight:normal!important; font-family: 'Roboto', sans-serif; font-style: italic; font-size: 18px; line-height: 150%; margin: 0 0 15px 0; padding: 0; letter-spacing: -0.015em; display: block; } cite { font-size: 12px!important; color: #35b3a8; font-weight: normal; font-family: 'Roboto', sans-serif; font-style: normal!important; } .et-trending #et-trending { /* remove trending widget from top-left (#et-secondary-nav) */ display: none; } /* modifications to the crappy Divi theme logo and headers set-up begin*/ #top-header { z-index: 9; display: block!important; border: 0!important; position: fixed!important; background: #0f1b2b; padding: 0; margin-top: 0!important; width: 100%!important; max-width: 1920px; top: 0!important; height: 36px!important; line-height: 36px!important; transition: none!important; -moz-transition: none!important; -webkit-transition: none!important; } #main-header-wrapper { width: 100%; max-width: 1920px; height: 200px!important; min-height: 200px!important; position: relative; display: block; border: 0!important; margin: 0; padding: 0; } #main-header { position: fixed!important; background: rgba(23, 37, 56, 0.90)!important; border: 0!important; margin-top: 36px!important; width: 100%!important; max-width: 1920px; height: 100px!important; min-height: 100px!important; display: block; z-index: 99999; } .logo { display: block; width: 200px!important; height: 200px!important; margin: -36px 0 0 0!important; top: 0!important; z-index: 999999999999; -moz-transition: none!important; -webkit-transition: none!important; -o-transition: none!important; transition: none!important; -webkit-box-shadow: 0 8px 6px -6px rgba(23, 37, 56, 0.65); -moz-box-shadow: 0 8px 6px -6px rgba(23, 37, 56, 0.65); box-shadow: 0 8px 6px -6px rgba(23, 37, 56, 0.65); } #et-info { position: relative; border: 0; height: 36px; line-height: 36px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } #et-info .et-extra-social-icons .et-extra-icon { background: rgba(255, 255, 255, 0.20); margin: 0 3px 0 0!important; width: 36px!important; height: 36px!important; line-height: 36px!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } #et-info .et-extra-social-icons li { margin: 0 0 0 0!important; padding: 0!important; } #et-info .et-top-search .et-search-field { width: 120.000000px!important; height: 40px; line-height: 40px; display: inline-block; top: 0!important; margin: 0 0 0 0!important; margin-top: 0!important; border: 0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; background: rgba(255, 255, 255, 0.20)!important; font-size: 13px!important; } button.et-search-submit { position: absolute; top: 0!important; right: 0!important; display: inline-block!important; height: 40px!important; line-height: 40px; width: 40px!important; border: 0!important; margin: 0!important; padding: 0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; -webkit-appearance: none; -moz-appearance: none; } #et-info .et-top-search .et-search-submit::before { font-size: 13px!important; color: #35b3a8!important; -webkit-appearance: none; -moz-appearance: none; } .phonenumbercontainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 36px; display: inline-block; padding: 4px 0 0 36px; margin: 0 16px 0 0; border: 0; } .phoneicon { height: 36px; width: 36px; position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; } .phonetexttop { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 18px; color: #fff!important; float: left; display: block; } .phonetexttop span { font-weight: 800; } .topemailicon { position: relative; height: 36px; width: 36px; display:block; padding: 0; margin: 0 0 0 8px; border: 0; } .headerinnercontainer { width: 100%; max-width: 1440px; height: 100%; min-height: 100%; position: relative; margin: 0 auto; border: 0; } a.read-more-button { /* blog read more button styles */ font-weight: 500!important; font-family: 'Roboto', sans-serif; margin: 0 0 0 10px!important; text-decoration: none; text-align: center; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #0f72b6; color: #fff!important; text-shadow: none!important; border: none; box-shadow: none!important; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-appearance: none; -moz-appearance: none; } a.read-more-button:hover { background: #075bb6; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; -webkit-appearance: none; -moz-appearance: none; } .paneldetailsstrip { width: 100%; position: relative; overflow: hidden; display: block; margin: 30px auto 10px auto; padding: 0!important; border: 0; min-height: 36px; } .calendaricon { float: left; position: relative; height: 36px; width: 36px; padding: 0; margin: 0 10px 0 0; border: 0; } .calendartext { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 18px; color: #35b3a8!important; float: left; line-height: 0; } .calendartext span { font-weight: 800; } .flatbuttonwideblue { float: none; position: absolute; top: 0; right: 0; width: 240px; height: 36px; line-height: 36px; padding: 0px 20px; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; margin: 0!important; text-decoration: none; text-align: center; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #0f72b6; color: #fff!important; text-shadow: none!important; border: none; box-shadow: none!important; } .flatbuttonwideblue:hover { background: #075bb6; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; } .flatbuttonwidegreen { float: none; position: absolute; top: 0; left: 0; width: 240px; height: 36px; line-height: 36px; padding: 0px 20px; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; margin: 0!important; text-decoration: none; text-align: center; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #35b3a8; color: #fff!important; text-shadow: none!important; border: none; box-shadow: none!important; } .flatbuttonwidegreen:hover { background: #20988b; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; } .show-menu-button { /* the hamburger menu button */ display: block; background: #ffffff; width: 32px; height: 32px; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; box-sizing: border-box; padding: 9px 6px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; } #et-mobile-navigation { margin: -40px 0 0 0; } /* modifications to the crappy Divi theme logo and headers set-up end*/ /* menu custom edits begin */ ul#et-menu.nav { border: 0; height: 114px!important; padding: 0; border: 0; } #et-navigation li a { padding: 15px 0; font-family: 'Oswald', sans-serif; font-weight: 400!important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff!important; text-transform: uppercase; letter-spacing: 0.035em; } #et-navigation > ul > li { margin: 0 10px; } .nav li ul { margin: 0!important; border-top: 3px solid #0f72b6!important; background: rgba(23, 37, 56, 0.90)!important; background-color: rgba(23, 37, 56, 0.90)!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } /* menu custom edits end */ .headerstrapline { display: block; max-width: 85%; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 40px; color: #fff; line-height: 115%; text-transform: none!important; margin: 0 0 20px 0; padding: 0; text-shadow: 0 0 16px rgba(23, 37, 56, 1.0); } .ctabuttonscontainer { position: relative; width: 100%; height: auto; padding: 0; display: block; border: 0; margin: 0 0 0 0; } /* green and blue cta buttons begin */ .flatbuttonblue { float: left; position: relative; width: 150px; height: 36px; line-height: 36px; padding: 0px 25px; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; margin: 0 0 0 10px!important; text-decoration: none; text-align: center; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #0f72b6; color: #fff!important; text-shadow: none!important; border: none; box-shadow: none!important; -webkit-appearance: none; -moz-appearance: none; } .flatbuttonblue:hover { background: #075bb6; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; -webkit-appearance: none; -moz-appearance: none; } .flatbuttonblue:active { background: #FFF; color: #0f72b6!important; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; -webkit-appearance: none; -moz-appearance: none; } .flatbuttongreen { float: left; position: relative; margin: 0 0 0 0!important; width: 150px; height: 36px; line-height: 36px; padding: 0px 25px; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; text-decoration: none; text-align: center; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #35b3a8; color: #fff!important; text-shadow: none!important; border: none; box-shadow: none!important; -webkit-appearance: none; -moz-appearance: none; } .flatbuttongreen:hover { background: #199c8e; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; -webkit-appearance: none; -moz-appearance: none; } .flatbuttongreen:active { background: #FFF; color: #35b3a8!important; font-size: 15px; font-weight: 500!important; font-family: 'Roboto', sans-serif; color: #fff!important; -webkit-appearance: none; -moz-appearance: none; } /* green and blue cta buttons end */ .equipmentimg1 { width: 58%; float: left; position: relative; margin: 0 2% 4px -12%; padding: 0; } /* testimonials slider edits begins */ .et_pb_testimonial_slider { background: transparent!important; background-color: transparent!important; width: 100%!important; max-width: 100%!important; border: 0; margin: 0 auto!important; padding: 0!important; } .et_pb_testimonial_slider .et_pb_slide .company_name, .et_pb_testimonial_slider .et_pb_slide .company_name a { color: #35b3a8!important; } .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_title, .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_content, .et-pb-controllers a { font-family: 'Roboto', sans-serif!important; color: #fff!important; font-size: 24px!important; line-height: 140%!important; font-weight: normal!important; font-style: italic!important; } .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_content::before { content: "\275D"; /* unicode icon for opening mark */ margin: 0 0 10px 0; display: block; color: #35b3a8; font-size: 3em; font-style: normal!important; } .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_content::after { content: "\275E"; /* unicode icon for closing mark */ margin: 30px 0 0 0; display: block; color: #35b3a8; font-size: 3em; font-style: normal!important; } /* testimonials slider edits ends */ /* general responsive grid elements begin */ .row { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [class*='column-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0; } [class*='column-']:last-of-type { /* floats last ".column-" to the right */ padding-right: 0; float: right; } .row:after { /* clearfix for content */ content: ""; display: table; clear: both; } /* main widths */ .column-1 {width: 100%;} .column-2 {width: 50%;} .column-3 {width: 33.33%;} .column-4 {width: 25%;} .column-6 {width: 16.6666666667%;} .box { position: relative; overflow: hidden; background: #dddddd; border: 0; padding: 0; } .boxclear { position: relative; overflow: hidden; background: transparent; border:0; padding: 0; } .footerboxclear { background: transparent; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; overflow: hidden; margin: 0 0 0 0!important; padding: 50px 8% 20px 8%; width: auto; min-height: 250px; border: 0; } .boxgrey { position: relative; overflow: hidden; background: #aeb9c7; border-right: 4px solid #fff; border-bottom: 4px solid #fff; padding: 0; min-height:425px; height:auto !important; height:425px; } .boxgreen { position: relative; overflow: hidden; background: #35b3a8 url(/wp-content/uploads/instagramglyphbg.png) no-repeat right bottom; -webkit-background-size: 60% auto; -moz-background-size: 60% auto; -o-background-size: 60% auto; background-size: 60% auto; border-right: 4px solid #fff; border-bottom: 4px solid #fff; padding: 0; min-height:425px; height:auto !important; height:425px; } .boxblue { position: relative; overflow: hidden; background: #3b5998; border:0; padding: 0; min-height:425px; height:auto !important; height:425px; border-bottom: 4px solid #fff; } @media (max-width: 980px) { .column-1, .column-2, .column-3, .column-4 { width: 100%; } .row .column-4:nth-child(2) { float: right; } .row .column-4:nth-child(3) { clear: both; float: left; } .row .column-4:nth-child(4) { float: right; } .column-6 { width: 33.33%; } .row .column-6:nth-child(3) { float: right; } } /* general responsive grid elements ends */ /* custom cta grid row begin */ .ctarow { width: 100%; margin: 0 auto; } .ctarow [class*='column-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 8px; } .ctarow [class*='column-']:last-of-type { /* floats last ".column-" to the right */ padding-right: 8px; float: right; } .ctarow:after { /* clearfix for content */ content: ""; display: table; clear: both; } /* main cta widths */ .ctarow .column-3 {width: 33.33%;} .ctarow .ctabox { position: relative; overflow: hidden; min-height: 240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5% 0 5%; background: transparent; border: 4px solid #fff; } .ctalinkdiv { position: absolute; background: transparent; display: block; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; display: block; border: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; transition: all 0.3s ease; z-index: 99; } .ctalinkdiv:hover { background: rgba(23, 37, 56, 0.55); border: 0; transition: all 0.3s ease; display: block; z-index: 99; } .cornerarrow { position: absolute; width: 36px; height: 36px; display: block; top: -3px; right: -3px; z-index: 999; } .ctaimagecontainer1 { position: absolute; background: transparent url(/wp-content/uploads/ctaimage1.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0; left: 0; margin: 0; padding: 0; display: block; width: 100%; min-height: 240px; border: 0; z-index: 8; } .ctaimagecontainer2 { position: absolute; background: transparent url(/wp-content/uploads/ctaimage2.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0; left: 0; margin: 0; padding: 0; display: block; width: 100%; min-height: 240px; border: 0; z-index: 8; } .ctaimagecontainer3 { position: absolute; background: transparent url(/wp-content/uploads/ctaimage3.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0; left: 0; margin: 0; padding: 0; display: block; width: 100%; min-height: 240px; border: 0; z-index: 8; } .ctarow .ctabox h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%!important; height: 46px; font-size: 20px; line-height: 46px; font-family: 'Raleway', sans-serif; font-weight: 800; font-style: normal!important; letter-spacing: -0.035em; text-align: right; text-transform: lowercase; padding: 0 5%; margin: 0 auto!important; z-index: 99; background: rgba(23, 37, 56, 0.75); } @media (max-width:1024px) { .ctarow .ctabox h2 { font-size: 17px; } } @media (max-width:800px) { .ctarow .column-3 { width: 100%; } .ctarow .ctabox h2 { font-size: 20px; } } @media (max-width: 640px) { .ctarow .ctabox h2 { font-size: 17px; } } /* custom cta grid row ends */ /* button over push begins */ @-webkit-keyframes push { 50% { -webkit-transform: scale(0.98); transform: scale(0.98); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes push { 50% { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .push { display: inline-block; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .push:hover { -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* button over push ends */ /* logoParade begins */ #logoParade { width: 90%; height: 187px; position: relative; margin: 0 auto; border: 0; } div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } #logoParade div.scrollableArea a { float: left; padding: 0; } /* logoParade ends */ /**************************** custom 3 column feed widgets container begins */ .widgetrowcontainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important; border: 0; position:relative; background: #fff; overflow: hidden!important; clear: both!important; } /* custom styles for Facebook feed widget begin */ .facebookfeed { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto!important; padding: 0!important; background: #3b5998!important; width: 100%!important; max-width: 100%!important; border: 0; } .cff-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto!important; word-wrap: break-word; padding: 20px 8% 120px 8%!important; background: #3b5998 url(/wp-content/uploads/facebooklogotype.png) no-repeat bottom center; -webkit-background-size: 102% auto; -moz-background-size: 102% auto; -o-background-size: 102% auto; background-size: 102% auto; position: relative; overflow-x:hidden; width: 100%!important; max-width: 100%!important; border: 0; color: #3b5998!important; } .cff-default-styles { border: 0; height: 250px; max-height: 250px; border: 0; } h4.widgettitle { display: none!important; } .cff-item { border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important; } .cff-text a { color: #35b3a8; text-decoration: none!important; } .cff-text a:hover { color: #4acec5!important; text-decoration: none!important; } .cff-page-name { color: #ffffff!important; font-weight: 700!important; font-size: 1.5em!important; line-height: 100%!important; } .cff-date { color: #cccccc!important; font-weight: 600!important; } .cff-text { color: #ffffff!important; font-weight: 600!important; font-size: 14px!important; } .cff-media-link a { color: #ecb437!important; text-decoration: none!important; } .cff-media-link a:hover { color: #4acec5!important; text-decoration: none!important; } .cff-viewpost-facebook { color: #ffffff!important; } .cff-share-link { color: #ffffff!important; } .cff-author-img { border: 1px solid #ffffff; } .cff-shared-link { background: rgba(255, 255, 255, 0.1)!important; background-color: rgba(255, 255, 255, 0.1)!important; padding: 10px 5% 15px 5%!important; } .cff-link-title a { color: #ecb437!important; } .cff-link-title a:hover { color: #4acec5!important; } p.cff-link-caption { color: #cccccc!important; } .cff-post-desc { color: #ffffff!important; font-size: 14px!important; } /* custom styles for Facebook feed widget end */ /* recent posts feed custom edits begin */ .recentpostsfeed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #aeb9c7 url(/wp-content/uploads/blogicon.png) no-repeat top right; -webkit-background-size: 60% auto; -moz-background-size: 60% auto; -o-background-size: 60% auto; background-size: 60% auto; width: 100%!important; max-width: 100%!important; margin: 0 auto!important; padding: 30px 8% 40px 8%!important; border: 0!important; position: relative; overflow: hidden; } .rpwwt-widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border: 0; margin: 30px 0 40px 0; padding: 0 0 30px 0!important; } .rpwwt-widget ul li img { border:2px solid #fff; margin: 0 12px 4px 0!important; } .rpwwt-post-title { font-size: 22px; display: block; font-weight: 800; color: #fff; letter-spacing: -0.035em; line-height: 105%; padding: 0; margin: 4px 0 5px 0; } .rpwwt-post-author { color: #3c516e; font-weight: 600; font-size: 13px; line-height: 105%; padding: 0; margin: 0 0 5px 0!important; } .rpwwt-post-date { color: #fff; font-weight: 800; font-size: 13px; line-height: 105%!important; padding: 0; margin: 0 0 10px 0!important; } .rpwwt-post-excerpt { color: #3c516e; font-weight: 600; font-size: 13px; line-height: 120%; padding: 0; margin: 0 0 10px 0!important; } /* recent posts feed custom edits end */ /* instagram feed custom edits begin */ .instagramfeed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 0; width: 100%!important; max-width: 100%!important; margin: 0 auto!important; padding: 0!important; min-height: 220px; height:auto !important; height: 420px; position: relative; overflow: hidden; } .instagramfeed h4 { display: none!important; } .ri-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto!important; position: relative; height: auto; border: 0!important; position: relative; overflow: hidden; display: block; top: 0!important; } /* instagram feed custom edits end */ /**************************** custom 3 column feed widgets container ends */ /* 4-column footer content begins *********************/ .footerrowcontainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto 0 auto!important; padding: 0 0 0 0!important; border: 0; position:relative; background: #242e3c; } .footerlogo { width: 150px; height: 126px; position: absolute; right: 20px; top: 40px; display: block; padding: 0; margin: 0; } /* contact details list elements begin */ .contactListItem { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: top; -webkit-align-items: top; -ms-align-items: top; max-width: 100%; padding-bottom: 20px; } .contactListItem__icon, .contactListItem__description { padding: 0; } .contactListItem__icon { width: 23px!important; height: 23px!important; min-width: 23px!important; min-height: 23px!important; padding: 0; margin: 0 10px 0 0; border: 0; } .contactListItem__description { font-size: 14px; color: #aeb9c7; line-height: 140%; font-family: 'Raleway', sans-serif; font-weight: 600!important; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .contactListItem__description a { font-size: 17px; } .contacticon { width: 23px!important; height: 23px!important; min-width: 23px!important; min-height: 23px!important; padding: 0; } /* contact details list elements end */ /* contact form 7 custom edits begin */ .footercontactformtitle { font-size: 20px; color: #88929f; font-family: 'Raleway', sans-serif; font-weight: 800; line-height: 105%; display: block; padding: 0; margin: 0 0 20px 0; } .wpcf7-form p { font-size: 13px; color: #99a3b0; font-family: 'Raleway', sans-serif; font-weight: 600; margin: -5px 0 10px 0; display: block; padding:0; } .wpcf7-form input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.20)!important; border: 0!important; width: 100%; display: block; padding: 6px 2% 6px 2%; font-family: 'Raleway', sans-serif; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; font-size: 13px; color: #99a3b0!important; margin: 0 auto!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } .wpcf7-form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.20)!important; border: 0!important; width: 100%; display: block; padding: 6px 2% 6px 2%; font-family: 'Open Sans', sans-serif; font-weight: 600; float: none; margin: 0 auto!important; -webkit-appearance: none; -moz-appearance: none; max-height: 70px; line-height: 130%; font-size: 13px; color: #99a3b0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } .wpcf7-form-control.wpcf7-submit { display: block; background: #35b3a8!important; width: 140px!important; height: 32px!important; font-family: 'Raleway', sans-serif; font-weight: 800!important; font-size: 12px!important; text-align: center; text-transform: uppercase; line-height: 32px; text-decoration: none; -webkit-transition: 250ms linear 0s; -moz-transition: 250ms linear 0s; -o-transition: 250ms linear 0s; transition: 250ms linear 0s; -webkit-appearance: none; -moz-appearance: none; color:#fff!important; padding: 0!important; margin: 20px 0 0 0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; position: relative; z-index: 9999; } .wpcf7-form-control.wpcf7-submit:hover { background: #0f72b6!important; color: #fff!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } .wpcf7-not-valid-tip { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ce4e6f!important; border: 0!important; font-size: 12px!important; font-weight: 600; color: #fff!important; width: 100%; padding: 6px 2% 6px 2%; margin: 0 auto!important; -webkit-appearance: none; -moz-appearance: none; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } .wpcf7-form .wpcf7-response-output { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; position: relative; width: 100%; padding: 6px 2% 6px 2%; font-family: 'Open Sans', sans-serif; font-size: 12px!important; font-weight: 600; color: #fff!important; margin: 0!important; line-height: 115%; -webkit-appearance: none; -moz-appearance: none; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; z-index: 99999; } .wpcf7-form .wpcf7-validation-errors { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ce4e6f!important; border: 0!important; width: 100%; padding: 6px 2% 6px 2%; position: relative; font-family: 'Open Sans', sans-serif; font-size: 12px!important; font-weight: 600; color: #fff!important; margin: 0 auto!important; line-height: 115%; -webkit-appearance: none; -moz-appearance: none; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } div.wpcf7-mail-sent-ok { max-width: 70%!important; padding: 0 !important; margin: 0; border: 0; } /* contact form 7 custom edits end */ /* 4-column footer content ends *********************/ /* bottom footer strip begins *********************/ #footer-bottom { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #161c24; padding: 8px 2.5%; overflow: visible; position: relative; text-align: left!important; } .footerimage { position: absolute; display: block; right: 0; bottom: 0; z-index: 999; width:574px; height: auto; } #footer-info { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 13px; color: #88929f; line-height: 120%; border: 0; text-align: left!important; } #footer-info a { font-weight: 800; color: #aeb9c7; } #footer-info a:hover { color: #0f71b5; } /* bottom footer strip ends *********************/ .single article, .page article { /* FAQs individual container */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45)!important; } /* modulespacer image to give dimension to blank module within a layout begins */ .modulespacer { content: "."; display: block; clear: both; visibility: visible; height: 8px; border:0; } /* modulespacer ends */ /* itinerary panel css begins */ .itinerarywrapper2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0; border: 0; position: relative; display: block; } .itinerarywrapper2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0; border-bottom: 16px solid #35b3a8; position: relative; display: block; } .itineraryrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0; border: 0; position: relative; display: block; } .daybox { width: 70px; height: 70px; line-height: 70px; position: absolute; background: #35b3a8; display: block; left: -70px; top: 0; margin: 0; padding: 0; color: #fff; letter-spacing: -0.035em; font-family: 'Raleway', sans-serif; font-weight: 800; text-align: center; font-size: 14px; } .contentboxdark { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; position: relative; background: rgba(23, 37, 56, 0.80)!important; border: 0; display: inline-block; margin: 0; padding: 30px; } .contentboxgreen { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; position: relative; background: #35b3a8!important; border: 0; display: inline-block; margin: 0 0 4px 0; padding: 30px; } .contentboxgray { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; position: relative; background: rgba(239, 240, 242, 0.80)!important; border: 0; display: inline-block; margin: 0; padding: 30px; } /* itinerary panel css ends */ /* detailslist begins */ ol.detailslist { margin: 0.75em 0; padding: 0 1em; list-style: none; color: #fff!important; line-height: 135%; } ol.detailslist li { counter-increment: step-counter; } ol.detailslist li:before { content: counter(step-counter); display: block; height: 0; width: 0; top: 8px; left: -30px; position: relative; font-size: 250%; color: #35b3a8!important; font-family: 'Oswald', sans-serif; font-weight: 300!important; } /* detailslist ends */ /* panel lists with dot begin */ .et_pb_text ul { color: #fff; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 800; margin: 2em 3% 2em 3%; padding: 0; line-height: 120%; } /* panel lists with dot end */ .cleardiv { content: "."; display: block; clear: both; visibility: hidden; } .cleardiv5 { content: "."; display: block; clear: both; visibility: hidden; height: 5px; } .cleardiv10 { content: "."; display: block; clear: both; visibility: hidden; height: 10px; } .cleardiv15 { content: "."; display: block; clear: both; visibility: hidden; height: 15px; } .cleardiv20 { content: "."; display: block; clear: both; height: 20px; visibility: hidden; } .cleardiv25 { content: "."; display: block; clear: both; height: 25px; visibility: hidden; } .cleardiv30 { content: "."; display: block; clear: both; height: 30px; visibility: hidden; } .cleardiv40 { content: "."; display: block; clear: both; height: 40px; visibility: hidden; } .cleardiv50 { content: "."; display: block; clear: both; height: 50px; visibility: hidden; } .cleardiv60 { content: "."; display: block; clear: both; height: 60px; visibility: hidden; } .cleardiv70 { content: "."; display: block; clear: both; height: 70px; visibility: hidden; } .cleardiv80 { content: "."; display: block; clear: both; height: 80px; visibility: hidden; } .cleardiv90 { content: "."; display: block; clear: both; height: 90px; visibility: hidden; } .cleardiv100 { content: "."; display: block; clear: both; height: 100px; visibility: hidden; } /* back to top link */ .toplink { position: absolute; width: 40px; height: 40px; display: block; padding: 0; margin: 0; outline: 0; z-index: 999999999; left: 20px; bottom: 75px; border: 0; background: #161c24; } #topanchor { position: absolute; top: -20px; left: 0px; } /* gravity forms edits begin */ input#gform_submit_button_1.gform_button.button, input#gform_submit_button_2.gform_button.button { font-family: 'Raleway', sans-serif; font-weight: 800!important; font-size: 18px!important; margin: 0 auto!important; padding: 8px 0; text-decoration: none; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #0f72b6; color: #fff!important; text-shadow: none!important; border: none; width: 100%!important; max-width: 100%!important; box-shadow: none!important; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; text-transform: none!important; -webkit-appearance: none; -moz-appearance: none; } input#gform_submit_button_1.gform_button.button:hover, input#gform_submit_button_2.gform_button.button:hover { background: #075bb6; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 18px!important; color: #fff!important; -webkit-appearance: none; -moz-appearance: none; } .input, .textarea, select, textarea, input, input[type="text"], input[type="password"], input[type="email"], input[type="search"] { outline: none; background: rgba(255, 255, 255, 0.25); border: 0; border-radius: 3px; box-shadow: none; box-sizing: border-box; padding: 10px 12px; color: #ffffff!important; font-family: inherit; font-size: 14px!important; font-weight: 600!important; line-height: normal; transition: .3s ease; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; width: 100%!important; max-width: 100%!important; } label.gfield_label { color: rgba(255, 255, 255, 0.85)!important; font-family: 'Raleway', sans-serif!important; font-weight: 800!important; } .gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction { font-size: 70%; line-height: 110%!important; clear: both; font-family: inherit; letter-spacing: normal; color: rgba(255, 255, 255, 0.5)!important; } img.gfield_captcha { border: none !important; background: 0 0 !important; float: none !important; margin: 0 !important; padding: 0 !important; width: 95px!important; max-width: 95px!important; } .gform_wrapper .gfield_required { color: #36b4a9!important; margin-left: 4px; font-size: 150%!important; } h2.gsection_title { color: #36b4a9!important; display: block!important;; margin-top: 100px!important; line-height: 105%!important; border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: 24px!important; } .gform_wrapper div.validation_error { color: #36b4a9!important; font-size: 16px; font-weight: 700; margin-bottom: 25px; border-top: 1px solid #36b4a9!important; border-bottom: 1px solid #36b4a9!important; padding: 16px 0; clear: both; width: 100%; text-align: center; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent!important; margin-bottom: 6px !important; border-top: 0!important; border-bottom: 0!important; padding-bottom: 6px; padding-top: 8px; box-sizing: border-box; } .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea { border: 2px solid #ce4f6f!important; } .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #ce4f6f!important; } .gform_wrapper .gsection { border-bottom: 1px solid rgba(255, 255, 255, 0.4)!important; padding: 0 16px 8px 0; margin: 100px 0 0 0!important; clear: both; } div#gform_confirmation_message_2 { color: #fff!important; } /* gravity forms edits end */ .gallerytitle { position: absolute; left: 5%; bottom: 20px; display: block; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 30px; color: #fff; line-height: 115%; text-transform: none!important; margin: 0; padding: 0; text-shadow: 0 0 16px rgba(23, 37, 56, 1.0); } h3.et_pb_gallery_title { /* gallery titles */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px!important; font-weight: 600!important; line-height: 110%; color: #999; padding: 2px 0 10px 5px!important; margin: 0!important; background: #232d3b; } @font-face { font-family: "untitled-font-2"; src:url("fonts/untitled-font-2.eot"); src:url("fonts/untitled-font-2.eot?#iefix") format("embedded-opentype"), url("fonts/untitled-font-2.woff") format("woff"), url("fonts/untitled-font-2.ttf") format("truetype"), url("fonts/untitled-font-2.svg#untitled-font-2") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "untitled-font-2" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "untitled-font-2" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-rating-img:before { content: "\61"; } .icon-one-class{ font-family: "untitled-font-2"; content: "\61";} .icon-two-class{ font-family: "untitled-font-2"; content: "\61";} .icon-three-class{ background-image: url(/wp-content/uploads/skillsicon3.png) } .icon-four-class{content: "\61";} .icon-five-class{content: "\61";} .wp-pagenavi { clear: both; margin: 30px 0 30px 0; width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 20px; } /* ctagrid header cta's begin **********************************************/ .ctagridwrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -120px auto 0 auto!important; padding: 0 0 20px 10px!important; width: 86%!important; max-width: 1440px!important; border: 0!important; position: relative; overflow: visible!important; background: #35b3a8!important; z-index: 9; } .ctagrid { position: relative; overflow: visible!important; margin: -20px -15px 0 15px; padding: 0 0 0 0; list-style: none; border: 0; overflow: hidden; width: 100%!important; max-width: 100%!important; z-index: 99!important; background: transparent!important; border: 0!important; } .toprowgrid { z-index: 999!important; } .ctagrid figure { position: relative; overflow: hidden; margin: 0 0 0 0; width: 100%!important; max-height: 320px!important; min-height: 320px!important; background: #075bb6; cursor: pointer; border: 4px solid #fff; } .figuregreenbg { background: #35b3a8!important; } .ctagrid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; } .ctagrid figure figcaption { padding: 1.5em; color: #fff!important; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ctagrid figure figcaption::before, .ctagrid figure figcaption::after { pointer-events: none; } .ctagrid figure figcaption, .ctagrid figure figcaption > a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .ctagrid figure figcaption > a { /* anchor covers the whole item by default */ z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .ctagrid figure h2 { word-spacing: -0.15em; font-weight: 400!important; font-family: 'Raleway', sans-serif; color: #fff!important; line-height: 105%!important; font-size: 26px!important; letter-spacing: -0.025em!important; } .ctagrid figure h2 span { font-weight: 900!important; font-size: 26px!important; } .ctagrid figure h2, .ctagrid figure p { margin: 0 0 0 0!important; text-transform: none!important; } .ctagrid figure p { font-size: 70%; font-family: 'Raleway', sans-serif; font-weight: 500!important; color: #fff!important; line-height: 120%!important; } /* individual effect **********/ figure.vfcta img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); } figure.vfcta figcaption { text-align: left; margin-top: 0; } figure.vfcta figcaption > div { position: absolute; bottom: 0; left: 0; padding: 1.5em; width: 100%; height: 40%; border: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.29) 99%, rgba(0,0,0,0.30) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.29) 99%,rgba(0,0,0,0.30) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.29) 99%,rgba(0,0,0,0.30) 100%); } figure.vfcta h2, figure.vfcta p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); margin: 0; } figure.vfcta h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.vfcta p { opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } figure.vfcta:hover img { opacity: 0.15; } figure.vfcta:hover p { opacity: 1; } figure.vfcta:hover img, figure.vfcta:hover h2, figure.vfcta:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.vfcta:hover p { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } @media (max-width:1220px) { figure.vfcta figcaption > div { height: 50%; } } @media (max-width: 980px) { .ctagridwrapper { margin: 0 auto!important; padding: 60px 0 60px 0!important; width: 100%!important; max-width: 100%!important; background: #0f72b6!important; } .ctagrid { margin: 0 auto!important; padding: 0!important; width: 94%!important; max-width: 94%!important; } .ctagrid figure { position: relative; overflow: hidden; margin: 0 0 10px 0!important; width: 100%!important; max-height: 320px!important; min-height: 320px!important; } } /* ctagrid header cta's end **********************************************/ .woocommerce.columns-4 { display:block!important; position: relative; width: 100%!important; height: 100%!important; min-height: 100%!important; border:0; margin: 30px 0 0 0; } .woocommerce ul.products, .woocommerce-page ul.products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto!important; min-width: 100%!important; margin: 0 -12px; overflow: hidden; float: none!important; } .woocommerce li.product-category a h2 { background: #35b3a8!important; color: #fff!important; padding: 10px 24px!important; position: relative; float: left!important; margin: 0 10px 10px 0; max-width: 25%!important; min-width: 220px!important; display: inline-block!important; letter-spacing: -0.025em!important; text-align: center; transition: all 0.4s ease; } .woocommerce li.product-category a h2:hover { color: #fff!important; background: #3fd1c4!important; transition: all 0.4s ease; } @media (max-width:1200px) { .woocommerce ul.products, .woocommerce-page ul.products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%!important; min-width: 100%!important; margin: 0 0 0 -12px!important; overflow: hidden; float: none; } } /* custom media queries begin *************************************************************************************/ @media (min-width:1920px) { } @media (min-width:1440px) { .skipolesimg { display: none; float: none; } .gallerytitle { position: absolute; left: 0; } } @media (max-width:1440px) { } @media (max-width:1380px) { .paneldetailsstrip { width: 100%; position: relative; overflow: hidden; display: block; text-align: center!important; } .flatbuttonwideblue, .flatbuttonwidegreen { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; right: 0; left: 0; margin: 10px auto 0 auto!important; width: 100%; } } @media (max-width:1280px) { .footerimage { width:40%; max-width: 40%; height: auto; } #footer-info { font-size: 11px!important; } #footer-info a { font-size: 11px!important; } .profilepicture { width: 200px; height: 200px; margin: 16px 12px 4px 0; } } @media (max-width:1200px) { #et-menu li { font-size: 15px!important; } ul.sub-menu li a { font-size: 15px!important; } } @media (max-width:1100px) { #et-menu li { font-size: 13px!important; } ul.sub-menu li a { font-size: 13px!important; } } @media (max-width:1120px) { .footerimage { width:35%; max-width: 35%; height: auto; } } @media (max-width:1024px) { #top-header { position: absolute!important; } #main-header-wrapper { width: 100%; height: 100%!important; min-height: 100%!important; position: relative; display: block; border: 1px solid red; margin: 0; padding: 0; } #main-header { background: rgba(23, 37, 56, 0.70)!important; height: 70px!important; min-height: 70px!important; position: absolute!important; /* set to absolute on mobile menu to allow scroll */ } #et-navigation a { display: block; padding: 0; } #et-mobile-navigation nav { background: rgba(23, 37, 56, 1.0)!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } .logo { width: 150px!important; height: 150px!important; margin: -36px 0 0 0!important; top: 0!important; } .headerstrapline { width: 100%; max-width: 100%; margin: 0 0 8px 0; font-size: 28px; } div.et_pb_section_0 { /* home page header at 1024px breakpoint */ margin: 36px auto 0 auto!important; height: 80vh; } .paneltitlegreen, .paneltitleblue, .paneltitlewhite { font-size: 26px; } .subtitle { font-size: 18px; } } @media (max-width: 980px) { .et_pb_text { /* left panel text at breakpoint 980px */ margin: 0 auto 10px auto!important; width: 100%!important; } .et_pb_text_8 { margin: 30px auto!important; width: 100%!important; } .equipmentimg1 { width: 35%; float: left; position: relative; margin: 0 2% 15px 0; padding: 0; } .boxgreen, .boxblue, .boxgrey { position: relative; overflow: hidden; display: block; border:0; padding: 0; min-height:auto !important; height:auto !important; height:auto !important; } .boxblue { border-bottom: 4px solid #fff; } .carabinerimg { width: 174px; height: 280px; float: right; position: relative; margin: 0 0 0 4px; padding: 0; } .skipolesimg { float: none; display: none; } .helmetandaxe { width: 33%; height: auto; float: right; position: relative; margin: 0 0 0 8px; padding: 0; } .pagetitlestriptext { font-size: 32px; text-align: center; } .footerboxclear { height: auto; padding: 20px 8% 20px 8%; width: auto; min-height: auto; border: 0; } .footerlogo { width: 181px; height: 152px; position: relative; right: 0; top: 0; left:0; display: block; padding: 0; margin: 30px 0 0 0; } .modulespacer { content: ""; display: none; clear: none; height: 0; } .et_pb_text_5 { margin: -10px 0 50px 0!important; } .et_pb_text_11 { margin: 0 0 50px 0!important; } .skigloves { display: none; } .profilepanel { text-align: center!important; } .profilepicture { width: 200px; height: 200px; float: none; display: block; position: relative; padding: 0; margin: 0 auto; } .profilesocialcontainer { margin: 20px auto; padding: 0; text-align: center; } div.et_pb_extra_column_main { margin-top: 130px!important; } } @media (max-width: 900px) { #footer-info { max-width: 70%; } } @media (max-width: 800px) { .phonenumbercontainer, .topemailicon { display: none; } .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_title, .et_pb_testimonial_slider_0 .et_pb_slide .et_pb_slide_content, .et-pb-controllers a { font-family: 'Roboto', sans-serif!important; font-size: 18px!important; } div.et_pb_section.et_pb_section_1 { /* home page cta section */ margin: 0 auto!important; } .itinerarywrapper2, .itinerarywrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; } .daybox { width: 100%; height: 70px; line-height: 70px; float: left; position: relative; background: #35b3a8; display: block; margin: 0 8px 0 0; padding: 0; color: #fff; letter-spacing: -0.035em; font-family: 'Raleway', sans-serif; font-weight: 800; text-align: center; font-size: 14px; left: 0; } .helmetandaxe { width: 50%; height: auto; float: right; position: relative; margin: 0 0 4px 8px; padding: 0; } } @media (max-width: 768px) { .equipmentimg1 { width: 58%; float: left; position: relative; margin: 0 2% 4px 0; padding: 0; } .pagetitlestripicon, .pagetitlestripiconsmall { width: 100px; height: 100px; float: none; position: relative; display: block; padding: 0; margin: 0 auto 10px auto; } .pagetitlestriptext { font-size: 30px; } } @media (max-width: 640px) { div.et_pb_section_0 { /* home page header at 1024px breakpoint */ margin: -164px auto 0 auto!important; height: 80vh; } .homeintrotitle { font-size: 30px; } .headerstrapline { font-size: 26px; } #top-header { display: none!important; } #main-header-wrapper { width: 100%; height: 164px!important; min-height: 164px!important; border: 0; } #main-header { margin-top: 0!important; border: 0; background: rgba(23, 37, 56, 0.65)!important; } .logo { width: 150px!important; height: 150px!important; margin: 0 0 0 0!important; top: 0!important; } #et-mobile-navigation { margin: -80px 0 0 0; } } @media (max-width: 500px) { .equipmentimg1 { width: 100%; float: none; position: relative; margin: 10px auto; padding: 0; display: block; } } @media (max-width: 440px) { .headerstrapline { font-size: 28px; } .pagetitlestriptext { font-size: 26px; } .helmetandaxe { width: 100%; height: auto; float: none; position: relative; display: block; margin: 4px auto 12px auto; padding: 0; } } @media (max-width: 400px) { .flatbuttonblue, .flatbuttongreen { width: 100%; float: none; display: block; margin: 0 auto 10px auto!important; position: relative; } .contactListItem__description a { font-size: 16px; } .footerimage { display: none!important; } #footer-info { max-width: 100%; } .calendartext { font-size: 16px; } .carabinerimg { width: 50%; height: auto; float: right; position: relative; margin: 0 0 8px 4px; padding: 0; } .logopair { width:323px; max-width: 100%; height: auto; } } @media (max-width: 320px) { } /* custom media queries end *************************************************************************************/ .profileanchor { content: "."; display: block; clear: both; visibility: hidden; } /* route index template styles begin */ .headerplaceholder { height: 0!important; } .routeindexsection { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative!important; clear: both!important; padding: 170px 0 0 0!important; } .routeindexsection h1 { font-family: 'Raleway', sans-serif; font-weight: 600!important; font-size: 36px; letter-spacing: -0.035em; text-align: left; line-height: 115%; color: #fff; text-shadow: 0 0 16px rgba(23, 37, 56, 1.0); } .routeindexrow { position: relative; display: block; border: 0; background: transparent!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 5% 0 5%; padding: 0 0 0 0!important; width: 70%!important; max-width:70%!important; } .routepanelleft { text-align: left; line-height: 105%!important; } .routepanelrightdark { min-height: 95px; } .routepanelrightlight { min-height: 95px; } .routepanel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #000!important; padding: 10px; margin: 0 5px; } .routepanelleft p { color: #fff; font-weight: 800; font-size: 18px; } .routepanelrightdark p { color: #fff; font-weight: 500; font-size: 18px; } .routepanelrightlight p { font-weight: 500; font-size: 18px; color: #4a505c; } .modulearrowright { background-color: #35b3a8; content: ""; display: block; height: 20px; margin-left: -5px; position: absolute; right: -5px; top: 20px; transform: rotate(45deg); width: 20px; z-index: 1; } .routeindexthumb { margin: 0 5px!important; padding: 0!important; } .routetitle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(23, 37, 56, 0.75)!important; position: relative; padding: 10px; margin: 0 5px!important; min-height: 68px!important; } .routetitle p { color: #fff!important; line-height: 120%; font-weight: 700; font-size: 13px; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li { /* route index page li filter buttons container */ float: left; font-size: 16px!important; border: 0!important; border: 0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; } li.et_pb_portfolio_filter a { /* route index page li filter buttons */ color: #ffffff !important; background: #35b3a8 !important; font-family: 'Raleway', sans-serif; font-weight: 800 !important; text-decoration: none; outline: none; border: 0!important; -moz-border-radius:0!important; -khtml-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; margin-right: 4px!important; } li.et_pb_portfolio_filter a:hover { background: #0f71b4!important; color: #ffffff !important; } @media (max-width: 1280px) { .routeindexrow { width: 70%!important; max-width:70%!important; } } @media (max-width: 1024px) { .headerplaceholder { height: 0!important; } } @media (max-width: 980px) { .modulearrowright { display: none; } .routeindexsection { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative!important; clear: both!important; display: block!important; } .routeindexsection h1 { text-align: center; text-shadow: 0 0 16px rgba(23, 37, 56, 1.0); } .routeindexrow { margin: 0 auto 10px auto!important; display: block!important; width: 90%!important; max-width:90%!important; } .routepanelleft { text-align: left; } .routeindexthumb { margin: 0!important; padding: 0!important; width: 100%!important } .routetitle { text-align: center!important } } /* route index template styles end */ /* product (route index) NEW edits begin from 15.11.2018 begin */ .routeindexsection h1 { font-family: 'Raleway', sans-serif; font-weight: 700 !important; font-size: 36px; letter-spacing: -0.035em; text-align: left !important; line-height: 115%; color: #fff !important; text-shadow: none !important; color: #fff !important; padding: 15px 30px !important; margin: 0 5% 0 5% !important; background: #075bb6 !important; width: 70%!important; max-width: 70%!important; float: left !important; border: 0; } .woocommerce div.product form.cart table { border: 0; color: #fff; text-align: left!important; } .woocommerce div.product form.cart .variations td.label { padding: 0 0 0 0; margin: 15px 15px 0 0; text-transform: uppercase !important; color: #35b3a8 !important; line-height: 1; font-size: 20px!important; width: 100%!important; font-weight: 800!important; text-align: left!important; float:left!important; display: inline-block!important; } /* product (route index) NEW edits begin from 15.11.2018 end */ .woocommerce.et_pb_woo_list_wrapper { padding: 20px; border: 0; background: transparent; border: 0; } td.value label { margin: 2px 15px 0 0; white-space: normal!important; height: 70px!important; padding: 0!important; position: relative!important; float: left!important; vertical-align: middle!important; border: 0!important; width: 100%!important; line-height: 110%!important; display: block!important; -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; font-size: 20px!important; height: 40px!important; border: 1px solid red; } td.value label:hover { color: #35b3a8!important; } td.value label a:active { color: #35b3a8!important; } td.value input[type="radio"] { display: none!important; } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: 12px; border: 1px solid #35b3a8; color: #35b3a8!important; padding:4px 20px; margin: 0 !important; position: relative!important; float: left!important; clear: both!important; display: block!important; } .wc-deposits-wrapper .wc-deposits-option li { background-color: #ebe9eb; border: 1px solid #ebe9eb; color: #35b3a8; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; } .woocommerce div.product form.cart .variations label { height: auto !important; padding: 0px 0px 15px 0px !important; } .wc-deposits-wrapper .wc-deposits-option li label { line-height: normal; } @media (max-width: 420px) { .wc-deposits-wrapper .wc-deposits-option li label { font-size: 12px; } .wc-deposits-wrapper .wc-deposits-option li { padding: .1em; } } .et_pb_woo_archive_list .et_pb_row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%!important; max-width: 100%!important; padding-left: 20px!important; padding-right: 20px!important; margin: 0 0 20px 0!important; -moz-border-radius: 4px!important; -khtml-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important; } article, .single article, .page article { box-shadow: none !important; border: none !important; } .sb_woo_product_image > a { display: block; margin: 0 20px 20px 0; } .button.product_type_variable.add_to_cart_button { background: #0f72b6!important; color: #fff!important; margin: 20px 0 10px 0!important; } .button.product_type_variable.add_to_cart_button:hover { background: #35b3a8!important; color: #fff!important; } .et_pb_woo_title h2.product_title { margin: 0 0 10px 0!important; padding: 0 2% !important; border: 0; line-height: 110%!important; } .woocommerce.et_pb_gutters1.et_pb_column_1_2 { padding: 0 2%; margin: 0 auto 20px auto; } @media (max-width: 980px) { .sb_woo_product_image > a { display: block; margin: 0 auto 10px auto; } .woocommerce .et_pb_gutters1 .et_pb_column_1_2, .et_pb_gutters1.et_pb_row .et_pb_column_1_2 { padding: 0; margin: 0 auto 20px auto; } } /* edits 23.11.2018 begin */ h1.product_title.entry-title { font-family: 'Raleway', sans-serif; font-weight: 300 !important; font-size: 36px; letter-spacing: -0.035em; text-align: left !important; line-height: 115%; color: #fff !important; text-shadow: none !important; color: #fff !important; padding: 15px 30px !important; margin: 0 !important; background: #075bb6 !important; width: 100% !important; max-width: 100% !important; float: none !important; border: 0; } div.sb_mod_acf_single_item.clearfix { font-weight: 700!important; font-size: 16px; color: #4a505c; } .routepanelrightlight p span { font-weight: 700 !important; font-size: 16px; color: #4a505c; } .et_pb_woo_atc_0 h2 { font-weight: 700!important; font-size: 22px!important; color: #fff !important; text-align: left; letter-spacing: -0.025em!important; } .woocommerce div.product form.cart a.reset_variations { visibility: hidden; font-size: 12px; border: 1px solid #35b3a8; color: #35b3a8 !important; padding: 4px 20px; margin: 20px 0 !important; position: relative !important; float: left !important; clear: both !important; display: block !important; } select#course-dates * { -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; font-size: 16px!important; font-weight: 700!important; background: #0e71b6!important; padding-top: 8px!important; padding-bottom: 8px!important; } select#course-dates option.attached.enabled a { -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; position: relative!important; display: block!important; background: #0e71b6!important; font-size: 16px!important; font-weight: 700!important; padding-top: 8px!important; padding-bottom: 8px!important; } p.stock.in-stock { color: #fff!important; font-weight: 700!important; font-size: 14px!important; margin-bottom: 10px!important; } .wc-deposits-wrapper .wc-deposits-payment-description { color: #fff!important; font-weight: 700!important; font-size: 14px!important; margin-bottom: 10px!important; } span.woocommerce-Price-amount.amount { color: #fff!important; font-weight: 700!important; position: relative!important; } .page .post-wrap { padding: 40px 60px; background: rgba(23, 37, 56, 0.75) !important; } .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { color: #fff!important; } .woocommerce-additional-fields__field-wrapper label, .woocommerce-billing-fields__field-wrapper label { color: #959eac!important; } span.required { color: #ecb437!important; } abbr.required { color: #ecb437!important; } h3#order_review_heading { color: #fff!important; display: block; margin-top: 20px!important; } span.woocommerce-Price-amount.amount { color: #fff !important; font-weight: 700 !important; position: relative !important; font-size: 16px !important; } .woocommerce table.shop_table { border: 1px solid #7d8490!important; } .woocommerce table.shop_table td { text-align: left; max-width: 100%; padding: 0.857em; border-top: 1px solid #7d8490!important; border-right: 1px solid #7d8490!important; } th.product-name, th.product-total, span.cqoc_product_name { color: #fff!important; } tr.cart-subtotal th, tr.order-total th { color: #fff!important; } .woocommerce table.shop_table tfoot th { font-weight: 700; border-top: 1px solid #7d8490!important; } span.cqoc_product_name { margin-bottom: 10px!important; } .woocommerce a.remove { display: block; font-size: 16px; height: 20px; width: 20px; text-align: center; line-height: 16px; border-radius: 100%; color: red !important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { background: #fff!important; color: red !important; } button#place_order.button.alt { background: #35b3a8!important; color: #fff!important; } button#place_order.button.alt:hover { background: #0f72b6!important; color: #fff!important; } button.single_add_to_cart_button.button.alt { background: #35b3a8!important; color: #fff!important; } button.single_add_to_cart_button.button.alt:hover { background: #0f72b6!important; color: #fff!important; } a.button.wc-forward { background: rgba(0, 0, 0, 0.45)!important; color: #fff!important; } a.button.wc-forward:hover { background: rgba(0, 0, 0, 0.75)!important; color: #fff!important; } .sb_woo_product_image_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 !important; text-align: center; padding: 20px 3% 10px 3%; background: rgba(239,240,242,0.80) !important; } .sb_woo_product_thumb_col { float: left; margin: 10px 0 10px 0; } /* edits 23.11.2018 begin */ /* edits 10.12.2018 begin */ .woocommerce div.product form.cart .variations select { background: #35b3a8!important; } .flatbuttonwidegreen { position: relative!important; } .fluid-width-video-wrapper { margin: 20px 0; } /* edits 10.12.2018 end */