/* @import must be at top of file, otherwise CSS will not work @import url("//hello.myfonts.net/count/30ad3a");*//* -- Gibson -- */ @font-face {font-family: 'Gibson-SemiboldIt';src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_0_0.eot');src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_0_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_0_0.woff2') format('woff2'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_0_0.woff') format('woff'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_0_0.ttf') format('truetype');} @font-face {font-family: 'Gibson-Regular';src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_1_0.eot');src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_1_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_1_0.woff2') format('woff2'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_1_0.woff') format('woff'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_1_0.ttf') format('truetype');} @font-face {font-family: 'Gibson-SemiBold';src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_2_0.eot');src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_2_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_2_0.woff2') format('woff2'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_2_0.woff') format('woff'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_2_0.ttf') format('truetype');} @font-face {font-family: 'Gibson-Italic';src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_3_0.eot');src: url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_3_0.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_3_0.woff2') format('woff2'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_3_0.woff') format('woff'),url('/wp-content/themes/wtm-theme/fonts/MyFontsWebfontsKit/webfonts/30AD3A_3_0.ttf') format('truetype');} /*-- CSS for Header and 'above the fold' Content --*/ .fl-lightbox { width: 80% !important; } .fl-builder-settings-tab { width: 100% !important; } .fl-page-content { min-height: 475px; } .fl-module img { height: auto; } .hide { display: none !important; } /* video[data-no-analytics="true"] { display: none; } */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; } html { overflow-x: hidden; } * { -webkit-overflow-scrolling: touch; } body { margin: 0; font-family: Gibson-Regular, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: Gibson-SemiBold, sans-serif; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2 { text-align: center; } p { color: #2d2d2d; font-size: 15px; line-height: 150%; } @media (max-width: 768px) { p { font-size: 14px; } } ul { color: #2d2d2d; font-size: 15px; } @media (max-width: 768px) { ul { font-size: 14px; } } textarea { resize: vertical; } textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; /*border-radius: 0;*/ } video[data-no-analytics="true"] { display: none; } /*-- Gibson Webfont Classes --*/ .Gibson-LightIt { font-family: Gibson-LightIt; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-BoldItalic { font-family: Gibson-BoldItalic; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-SemiboldIt { font-family: Gibson-SemiboldIt; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-Bold { font-family: Gibson-Bold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-Regular { font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-SemiBold { font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-Italic { font-family: Gibson-Italic; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Gibson-Light { font-family: Gibson-Light; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ====================== HEADER =================== */ /*--- NEW HEADER --*/ .fl-page-header-logo.col-md-12 { background-image: url('https://images.wtmfiles.com/main/Homepage-sun-background.jpg?width=1400&height=200&fit=cover&gravity=top'); background-size: cover; background-position: center; } /* @media (max-width: 600px) { .fl-page-header-logo.col-md-12 { background-image: url('https://images.wtmfiles.com/Homepage-sun-background_WEB_600x137.jpg'); background-size: cover; } } */ /*-- Banner --*/ .wtm-banner { border-bottom: 1px solid black; } .wtm-banner-ul { display: flex; list-style: none; position: relative; max-width: 1000px; margin: 0 auto; } .sun-logo-li { width: 75px; } @media (max-width: 370px) { .sun-logo-li { width: 55px; } } .sun-logo-li img { padding: 5px; } @media (max-width: 700px) { .sun-logo-li img { width: 60px; height: 60px; padding: 5px 5px 0; } } @media (max-width: 700px) { .sun-logo-li img { width: 50px; height: 50px; } } @media (max-width: 370px) { .sun-logo-li img { width: 45px; height: 45px; } } .wtm-name-li { width: 100%; } .wtm-p { text-align: center; margin-top: 27px; font-size: 25px; color: black; line-height: 100%; letter-spacing: 4px; word-spacing: 2px; } @media (max-width: 700px) { .wtm-p { font-size: 20px; margin-top: 21px; } } @media (max-width: 600px) { .wtm-p { letter-spacing: 2px; word-spacing: 1px; } } @media (max-width: 500px) { .wtm-p { letter-spacing: 0; word-spacing: 0; } } @media (max-width: 430px) { .wtm-p { font-size: 17px; margin-top: 18px; } } @media (max-width: 370px) { .wtm-p { font-size: 15px; } } .wtm-p span { font-size: 12px; position: relative; top: -6px; } @media (max-width: 700px) { .wtm-p span { font-size: 10px; } } @media (max-width: 430px) { .wtm-p span { font-size: 9px; } } .wtm-url { line-height: 100%; color: black; text-align: center; font-size: 18px; letter-spacing: 2px; } @media (max-width: 700px) { .wtm-url { margin-top: 1px; font-size: 16px; } } @media (max-width: 600px) { .wtm-url { letter-spacing: 1px; } } @media (max-width: 500px) { .wtm-url { letter-spacing: 0; } } @media (max-width: 430px) { .wtm-url { font-size: 14px; } } @media (max-width: 370px) { .wtm-url { font-size: 13px; } } .wtm-menu-li { width: 75px; position: relative; } @media (max-width: 370px) { .wtm-menu-li { width: 55px; } } #wtm-menu-icon { cursor: pointer; text-align: center; } #wtm-menu-icon a { color: black; display: inline-block; } .wtm-menu-li i { font-size: 45px; line-height: 85px; } @media (max-width: 700px) { .wtm-menu-li i { font-size: 40px; line-height: 70px; } } @media (max-width: 430px) { .wtm-menu-li i { line-height: 60px; } } @media (max-width: 370px) { .wtm-menu-li i { font-size: 30px; } } /*-- OVERLAY MENU --*/ #menu-overlay { position: fixed; top: 0; right: 0; background: #2d2d2d; height: 100%; width: 100%; max-width: 600px; z-index: 10; overflow-y: scroll; } #menu-overlay #close { color: #ff7200; font-family: Gibson-SemiBold; font-size: 35px; position: absolute; left: 15px; top: 0; line-height: 100%; cursor: pointer; } .overlay-logo { text-align: center; position: relative; } @media (max-width: 599px) { .overlay-logo { position: fixed; width: 100%; background: #2d2d2d; z-index: 10; } } .overlay-logo img { max-width: 150px; } @media (max-width: 599px) { #main-menu { margin-top: 60px; } } .main-menu-ul { list-style: none; } .main-menu-ul > li { border-bottom: 1px solid #a3a3a3; font-family: Gibson-SemiBold; position: relative; } .main-menu-ul > li > a { color: #ff7200; text-decoration: none; font-size: 16px; padding: 13px 0 13px 15px; display: block; width: 75%; } /* #menu-item-27087 a:hover { padding: 0; } */ .main-menu-ul li a span { color: white; font-family: Gibson-Regular; font-size: 15px; } /*-- Sub menu --*/ #main-menu .menu-item-has-children .sub-menu { display: none; font-size: 0; } #main-menu .menu-item-has-children .sub-menu li a { color: white; font-family: Gibson-Regular; font-size: 16px; } #main-menu .menu-item-has-children .sub-menu li a:before { content: '-'; margin-right: 5px; } #main-menu .menu-item-has-children .sub-menu li { list-style: disc; padding: 5px; margin: 0 10px 0 30px; line-height: 20px; text-indent: -13px; } .main-menu-ul > li i { color: #a3a3a3; font-size: 35px; line-height: 12px; position: absolute; top: 16px; right: 35px; } #menu-item-55286 .sub-menu li:nth-child(n+4) { display: inline-block; list-style: none; margin-right: 0; padding: 0 0 0 5px; text-indent: 0; margin-left: 17px; } #menu-item-55286 .sub-menu li:nth-child(n+5) { margin: 0; padding: 0; } #menu-item-55286 .sub-menu li:nth-child(n+5) a:before { content: ','; } /*-- Menu Path --*/ .menu-path i { color: white; } .menu-functions > li { padding: 10px 0; border-bottom: 1px solid #a3a3a3; } #menu-overlay .menu-heading { color: #ff7200; font-family: Gibson-SemiBold; text-align: center; margin: 5px 0 2px; font-size: 18px; } /*-- Page sharing in Menu --*/ .utils-ul li { display: inline-block; vertical-align: top; text-align: center; width: 49%; color: white; } .utils-ul .utils-share-heading { color: white; font-family: Gibson-SemiBold; font-size: 14px; } #page-share-menu { max-width: 150px; margin: 0 auto; } #page-share-menu a { margin: 0 3px; } #menu-overlay #page-share-menu svg, #menu-overlay #page-share-menu span { border-radius: 20px !important; background: #ff7200; width: 27px; height: 27px; } /*-- Print this page in menu --*/ .utils-ul .print-buttons-menu { margin-top: 3px; } .print-buttons-menu span { background: #ff7200; font-family: Gibson-SemiBold; font-size: 12px; padding: 6px 11px 4px; border-radius: 10px; margin: 0 2px; } @media (max-width: 350px) { .print-buttons-menu span { padding: 6px 6px 4px; } } .print-buttons-menu a { color: white; } /*-- subscribe to mailing list --*/ .subscriber-form-menu .subscriber-p { color: white; text-align: center; line-height: 120%; position: relative; top: -3px; max-width: 235px; margin: 0 auto; } .subscriber-form-menu .subscriber-button { text-align: center; margin: 5px 0; } .subscriber-form-menu .subscriber-button a { background: #ff7200; padding: 4px 8px; border-radius: 3px; font-family: Gibson-SemiBold; font-size: 14px; color: white; } /*-- Site search in Menu --*/ #site-search-box { max-width: 550px; margin: 0 auto; } @media (max-width: 600px) { #site-search-box { max-width: 350px; margin: 0 auto; } } #site-search-box > div { display: inline-block; max-width: 175px; margin: 0 2px; } @media (max-width: 599px) { #site-search-box > div { display: block; max-width: 280px; margin: 5px auto; } } .search-heading { color: #ff7200; text-align: center; font-family: Gibson-SemiBold; margin: 0 0 2px; font-size: 18px; } #site-search-box input.book_search_input { width: 100%; padding: 0; border: 1px solid #ff7200; height: 30px; text-indent: 5px; margin: 0px; background: #464646; color: white; } @media (max-width: 599px) { #site-search-box input.book_search_input:nth-child(1) { width: 245px; display:inline-block; } } #site-search-box form { position: relative; } #site-search-box .book_search_icon[type=submit] { background-color: #ff7200; cursor: pointer; width: 57px; height: 17px; border-radius: 2px; border: none; margin-top: 1px; float: right; color: white; font-family: Gibson-SemiBold; } @media (min-width: 600px) { #site-search-box button i { display: none; } } @media (max-width: 599px) { #site-search-box .book_search_icon[type=submit] { width: 30px; height: 30px; display: inline-block } #site-search-box button span { display: none; } } #site-search-box input::placeholder { color: white !important; font-family: Gibson-Regular; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } .menu-functions li.subscriber-form-menu, .menu-functions li.wtm-member-menu { float: left; width: 50%; vertical-align: top; height: 150px; padding: 0; } @media (max-width: 599px) { .menu-functions li.subscriber-form-menu, .menu-functions li.wtm-member-menu { float: none; width: 100%; height: auto; padding: 0 0 10px; } } #menu-overlay .menu-functions li.subscriber-form-menu .menu-heading, #menu-overlay .menu-functions li.wtm-member-menu .menu-heading { margin-top: 15px; } /*-- Membership in the Menu --*/ .menu-functions li.wtm-member-menu { text-align: center; } .member-p-menu { color: white; text-align: center; line-height: 120%; position: relative; top: -3px; max-width: 235px; margin: 0 auto; } .membership-button-menu { margin: 5px 0; } .membership-button-menu span { background: #ff7200; padding: 4px 8px; border-radius: 3px; font-family: Gibson-SemiBold; font-size: 14px; } .membership-button-menu a { color: white; } .menu-functions li.wtm-app-menu, .menu-functions li.wtm-social-sites-menu { float: left; width: 50%; vertical-align: top; padding: 0; } @media (max-width: 599px) { .menu-functions li.wtm-app-menu, .menu-functions li.wtm-social-sites-menu { float: none; width: 100%; } } #menu-overlay .menu-functions li.wtm-app-menu .menu-heading, #menu-overlay .menu-functions li.wtm-social-sites-menu .menu-heading { margin-top: 15px; } /*-- WTM App in the Menu -*/ .wtm-app-ul { text-align: center; } .wtm-app-ul li { display: inline-block; max-width: 130px; } .wtm-app-ul li a { color: white; } .wtm-app-explanation { position: relative; } .wtm-app-explanation > p { text-align: center; } .wtm-app-explanation > p a { color: white; } .wtm-app-ul img { margin: 5px 7px; } .wtm-app-ul img.app-store-img { max-width: 107px; } .wtm-app-ul li span { position: relative; top: -6px; font-size: 13px; } #wtm-app-exp-pop { background: white; position: absolute; bottom: 22px; width: 300px; margin: 10px; padding: 8px 5px 7px; border: 2px solid #ff7200; } #wtm-app-exp-pop p { color: #ff7200; text-align: center; font-family: Gibson-SemiBold; } #wtm-app-exp-pop span { position: absolute; right: 3px; top: -3px; font-size: 23px; line-height: 100%; cursor: pointer; } #wtm-app-exp-pop ul { margin-left: 20px; list-style: disc; font-size: 14px; } #wtm-app-exp-pop li { margin-bottom: 4px; } /*-- Links to our Social media sites in Menu --*/ @media (max-width: 599px) { .menu-functions > li.wtm-social-sites-menu { border-bottom: 0; } } .social-sites-heading { color: #ff7200; font-family: Gibson-SemiBold; text-align: center; font-size: 18px; } .wtm-social-sites-ul { max-width: 235px; margin: 20px auto 42px; } @media (max-width: 599px) { .wtm-social-sites-ul { margin: 5px auto 20px; } } .wtm-social-sites-ul li a { color: #2d2d2d; } .wtm-social-sites-ul li { display: inline-block; position: relative; margin: 0 2px; } .wtm-social-sites-ul li i { background: #f1efef; text-align: center; border-radius: 25px; font-size: 20px; height: 30px; width: 31px; vertical-align: middle; line-height: 30px; padding: 0 0 0 1px; } /*-----======================= ============================== ============================== END OF NEW HEADER ----------*/ /*.fl-page-header-logo.col-md-12 { /* background-image: url('https://images.wtmfiles.com/Homepage-sun-background-1400x578_WEB.jpg'); background-size: cover; background-image: url('https://images.wtmfiles.com/Homepage-sun-background-1400x578_WEB.jpg'); background-size: cover; } @media (max-width: 600px) { .fl-page-header-logo.col-md-12 { background-image: url('https://images.wtmfiles.com/Homepage-sun-background_WEB_600x137.jpg'); background-size: cover; } } .header_fixed_width { max-width: 1100px; margin: 0 auto; position: relative; padding: 0 10px; height: 135px; } /*-- New Header stuff .wtm-logo { position: relative; max-width: 250px; padding-top: 15px; float: left; } @media (max-width: 550px) { .wtm-logo { max-width: 200px; padding-top: 37px; } } @media (max-width: 374px) { .wtm-logo { max-width: 175px; padding-top: 47px; } } .wtm-logo a { color: black; font-size: 15px; } @media (max-width: 374px) { .wtm-logo a { font-size: 12px; } } .wtm-logo img { width: 100%; } .wtm-logo span { position: absolute; bottom: -16px; left: 0; right: 0; text-align: center; } @media (max-width: 374px) { .wtm-logo span { bottom: -13px; } } .app-share-print-ul { position: absolute; right: 20px; top: 25px; } @media (max-width: 700px) { .app-share-print-ul { right: 0; top: 7px; } } @media (max-width: 550px) { .app-share-print-ul { top: 31px; } } @media (max-width: 450px) { .app-share-print-ul { top: 34px; } } .app-share-print-ul li { display: inline-block; margin-right: 10px; font-size: 12px; } @media (max-width: 374px) { .app-share-print-ul li { margin-right: 6px; } } .app-share-print-ul a { color: black; } .app-share-print-ul i { font-size: 18px; position: relative; top: 3px; margin-right: 1px; } @media (max-width: 450px) { .app-share-print-ul i { font-size: 15px; top: 2px; } } .app-share-print-ul .fa-app-store { font-size: 23px; font-weight: 600; } @media (max-width: 450px) { .app-share-print-ul .fa-app-store { font-size: 18px; } } @media (max-width: 550px) { .nav-extra { display: none; } } .login-contact { position: absolute; top: 70px; right: 318px; line-height: 26px; } @media (max-width: 875px) { .login-contact { top: 62px; right: 20px; line-height: 100%; } } @media (max-width: 700px) { .login-contact { top: 40px; right: 10px; } } @media (max-width: 550px) { .login-contact { top: 15px; } } @media (max-width: 450px) { .login-contact { top: 15px; } } @media (max-width: 375px) { .login-contact { top: 12px; } } .login-contact .pipe { margin: 0 4px; } @media (max-width: 550px) { .login-contact .pipe { margin: 0; } } .login-contact a { color: black; font-family: Gibson-SemiBold; font-size: 13.5px; } @media (max-width: 450px) { .login-contact a { font-size: 12px; } } @media (max-width: 374px) { .login-contact a { font-size: 11px; } } .subscribe-now { position: absolute; right: 175px; top: 68px; line-height: 100%; padding: 8px 10px 5px; background: #ff7200; border-radius: 4px; text-align: center; } .subscribe-now a:hover { text-decoration: none; } @media (max-width: 875px) { .subscribe-now { top: 90px; right: 153px; padding: 6px 6px 4px 7px; } } @media (max-width: 700px) { .subscribe-now { top: 65px; right: 150px; padding: 6px 4px 4px 5px; } } @media (max-width: 550px) { .subscribe-now { top: 8px; left: 10px; max-width: 105px; padding: 6px 1px 4px 1px; } } @media (max-width: 374px) { .subscribe-now { max-width: 71px; padding: 6px 3px 4px 2px; } } #subscribe { color: white; border: none; font-size: 13px; font-family: Gibson-SemiBold; cursor: pointer; } @media (max-width: 875px) { #subscribe { font-size: 12px; } } @media (max-width: 374px) { #subscribe span { display: none; } } .banner_socials { position: absolute; top: 70px; right: 20px; line-height: 26px; } @media (max-width: 875px) { .banner_socials { top: 92px; } } @media (max-width: 700px) { .banner_socials { top: 67px; right: 10px; } } @media (max-width: 450px) { .banner_socials { top: 63px; } } .banner_socials a { margin: 0 1px; } .banner_socials i { font-size: 16px; background-color: black; border-radius: 50%; width: 27px; height: 26px; line-height: 27px; text-align: center; } @media (max-width: 875px) { .banner_socials i { font-size: 14px; width: 23px; height: 23px; line-height: 24px; } } @media (max-width: 450px) { .banner_socials i { font-size: 14px; width: 20px; height: 20px; line-height: 22px; } } .banner_socials a i { color: orange; } @media (max-width: 700px) { .banner_socials a i { color: #f8f500; margin-right: 1.5px; } } @media (max-width: 800px) { .tab_search { display: none; } } /*-- WTM App popup #wtm-app { border: 4px solid #d2d2d2; padding: 5px 20px 12px 20px; border-radius: 5px; } #wtm-app h4 { margin: 19px 0 0; } #wtm-app p { font-family: Gibson-SemiBold; font-size: 15px; line-height: 135%; padding-top: 7px; max-width: 330px; margin: 0 auto; } #wtm-app ul.wtm-app-pop-buttons { list-style: none; text-align: center; } .wtm-app-pop-buttons li { display: inline-block; margin: 0 15px 0; } .wtm-app-pop-buttons li a { color: #2d2d2d; font-family: Gibson-SemiBold; } .wtm-app-pop-buttons .fa-app-store-ios { color: #147efb; font-size: 50px; margin: 0 0 5px 0; } h5.global_h4.wtm-app-h4-info { font-size: 17px; border-top: 1px solid#d2d2d2; padding: 20px 0 0; margin: 15px 0 3px; } .wtm-app-info li { margin-bottom: 4px; } ul.wtm-app-pop-buttons li:nth-child(2) img { max-width: 40px; margin-bottom: 2px; } @media (max-width: 360px) { #wtm-app { padding: 5px 5px 10px; } .wtm-app-pop-buttons li { margin: 0 12px; font-size: 13px; } .wtm-app-info { margin-left: 17px; } h5.global_h4.wtm-app-h4-info { margin: 15px 0 5px; } } /*-- Header Search .search_container { position: relative; max-width: 1100px; margin: 0 auto; } .search_in_nav { max-width: 1100px; margin: 0 auto; } @media (max-width: 700px) { .search_in_nav { background: #2d2d2d; height: 7px; } } .popup_hide1 { display: none; } #open_search_popup { font-size: 16px; cursor: pointer; float: right; margin-top: -25px; color: white; font-family: Gibson-Regular; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 15px; } @media (max-width: 910px) { #open_search_popup { font-size: 15px; margin-top: -24px; } } @media (max-width: 770px) { #open_search_popup { padding-right: 10px; font-size: 13px; } } @media (max-width:700px) { #open_search_popup { position: absolute; top: -11px; right: 60px; border: 1px solid black; border-radius: 18px; padding: 2px 9px; } } @media (max-width:450px) { #open_search_popup { top: -9px; padding: 2px 9px 0; } } #open_search_popup i { font-size: 20px; position: relative; top: 1px; margin-left: 5px; } @media (max-width: 910px) and (min-width:700px) { #open_search_popup i { margin-left: 1px; font-size: 18px; } } @media (max-width: 700px) { #open_search_popup i { font-size: 17px; top: 1px; margin-left: 2px; } } @media (max-width: 550px) { #open_search_popup i { margin-left: 0; } } @media (max-width: 450px) { #open_search_popup i { font-size: 15px; } } #open_search_popup a { color: white; } @media (max-width: 550px) { .tab_search { display: none; } } @media (max-width: 700px) { #open_search_popup a { color: black; } } .search-term-value { color: #2d2d2d; } /*-- Search pop #search_popup { display: block; position: absolute; right: 0; top: 4px; background: white; z-index: 9999; padding: 13px 13px 8px 3px; border: 2px solid #ff7200; box-shadow: 0px 3px 10px 0px #777777; border-radius: 3px; } @media (max-width: 700px) { #search_popup { top: -12px; } } #search_popup .fas.fa-search { position: absolute; top: 7px; right: 9px; color: white; pointer-events: none; } .form_search_box { position: relative; margin-left: 12px; margin-bottom: 8px; } .form_search_box input { border: 1px solid #bfbfbf; height: 30px; font-size: 15px; width: 220px; padding-left: 5px; border-radius: 2px; padding-right: 0; padding-top: 0; padding-bottom: 0; font-family: Gibson-Regular; -webkit-appearance: none; box-sizing: content-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 768px) { .form_search_box input { font-size: 16px; } } .book_search_icon[type=submit] { background-color: rgba(255, 114, 0, 0.8); cursor: pointer; font-size: 0; width: 30px; height: 28px; line-height: 32px; background-size: 17px 17px; position: absolute; right: 3px; top: 2px; box-sizing: border-box; border-radius: 2px; } /*-- Google Global Search -- /*-search input placeholders ::-webkit-input-placeholder { color: #2d2d2d !important; } :-moz-placeholder { color: #2d2d2d !important; } :-ms-input-placeholder { color: #2d2d2d !important; } .gsc-branding { display: none !important; } /*-- end Google Global search --*/ /*--Search Inputs for books body[data-book-name="transform-your-life-and-save-the-world"] .sb2 .book_search_input { width: 240px; } /*-- Navigation .hm_nav_container { background: #2d2d2d; } @media (max-width: 700px) { .hm_nav_container { position: fixed; z-index: 1000; right: 0; top: 0; width: 100%; height: 100%; } } .hm_nav_container ul { list-style: none; max-width: 1100px; margin: 0 auto; } @media (max-width: 1150px) { .hm_nav_container ul { padding-left: 10px; } } @media (max-width: 900px) { .hm_nav_container ul { padding-left: 10px; } } @media (max-width: 700px) { .hm_nav_container ul { padding: 0 15px 12px 15px; } } .hm_nav_container li { display: inline-block; padding: 8px 0 2px 0; font-size: 14px; font-family: Gibson-SemiBold; line-height: 20px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 850px) { .hm_nav_container li { font-size: 13px; } } @media (max-width: 780px) { .hm_nav_container li { font-size: 12.5px; line-height: 21px; } } @media (max-width: 700px) { .hm_nav_container li { display: block; font-family: Gibson-Regular; font-size: 17px; border-bottom: 2px solid #a3a3a3; padding: 16px 0 13px 0; } } .hm_nav_container li i.fa-home { font-size: 21px; margin-top: -4px; position: relative; top: 1px; left: -4px; } @media (max-width: 700px) { .hm_nav_container li i { font-size: 19px; margin-top: -3px; } .hm_nav_container li i.fa-home { font-size: 20px; line-height: 16px; position: relative; top: 0; left: 0; } /* .hover i.close-menu-box.fa.fa-chevron-down { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: 0px; font-size: 23px; } *//* } @media (min-width: 701px) { .hm_nav_container li a { color: white; padding: 10px 4px; } } @media (min-width: 741px) { .hm_nav_container li a { color: white; padding: 0 6px; } } @media (min-width: 821px) { .hm_nav_container li a { padding: 0 6px; } } @media (max-width: 740px) { #menu-item-27087 a { padding: 0 10px; } } @media (max-width: 700px) { #menu-item-27087 a { padding: 9px 10px 8px 0px; } } @media (min-width: 911px) { #menu-item-27087 a:hover { padding: 0 10px 0 15px; } } @media (max-width: 700px) { .hm_nav_container li a { color: #ff7200; text-decoration: none; font-size: 15px; padding: 16px 0 13px 0; font-family: Gibson-SemiBold; line-height: 18px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } @media (max-width: 700px) { #menu-unique_menu li.menu-item .LCM { text-transform: lowercase; } } @media (min-width: 701px) { #menu-unique_menu li.menu-item { position: relative; } #menu-item-49907 a { color: #ff7200; } #menu-item-49907.current-menu-item a { color: #ff7200; } li#menu-item-49907.current-menu-item { background: white; color: #ff7200; } } @media (min-width: 700px) { #menu-unique_menu .current_page_item { background: #ff7200; } } /*-- Mobile Menu @media (max-width: 700px) { .menu-wrapper { overflow-y: scroll; height: 100%; } .menu-box { position: static; } .menu_dropdown_wrapper { background: none; border: none; max-width: 230px; padding: 10px 0 0 0; } .popup_hide { display: none; } .menu-box { position: initial; padding: 0; display: none; } li.menu-item.hover .menu-box { top: 20px; pointer-events: all; display: block; margin-top: -25px; } #menu-item-27087 .menu-box .top_heading_link_nav a, .menu-box .top_heading_link_nav a { color: #ff7200; padding: 0; font-size: 16px; } .hm_nav_container ul .menu-box ul { padding: 0; } .hm_nav_container ul .menu-box ul li a { color: white; font-size: 14px; } .hm_nav_container ul .menu-box ul li.top_heading_link_nav a { color: #ff7200; font-size: 16px; } .hm_nav_container ul .menu-box ul li.top_heading_link_nav a i { top: 2px; font-size: 12px; font-size: 20px; } .hm_nav_container li .menu-box ul .menu_sub_ul li a { color: #bababa; line-height: 17px; } .hm_nav_container li .menu_dropdown_wrapper li { padding: 6px 0 4px 0; } .hm_nav_container li .menu_dropdown_wrapper li:nth-last-child(1) { border-bottom: none; } .hm_nav_container li .menu-box ul .menu_sub_ul li { padding: 0; display: list-item; list-style-type: disc; color: #bababa; line-height: 16px; margin-top: 5px; } .menu_dropdown_wrapper .menu_sub_ul { margin-left: 15px; } .menu-box-show-hide { float: right; visibility: visible; } ul.menu_dropdown_wrapper.faqs_dropdown li .menu_sub_ul li { list-style: none; } .nav_dropdown_social { font-size: 15px; color: #bababa; } #menu-item-49907 a { background: #ff7200; color: white; padding: 9px 10px 6px 8px; border-radius: 3px; } li.nav_mobile_img { text-align: center; border-bottom: none; } } /*-- Closing Bracket for max-width: 700px - @media (min-width: 701px) { .menu-wrapper .nav_mobile_img { display: none; } .mobile_menu_button { display: none; } .mm_button { display: none; } .hover .menu-box { display: block; top: 19px; pointer-events: all; } } .nav_mobile_img span.close-menu { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 42px; z-index: 999; color: #ff7100; } p.nav_mobile_img { text-align: center; } .nav_mobile_img img { max-width: 185px; margin: 10px 20px 5px 20px; } .mobile_menu_button { position: absolute; top: 93px; right: 15px; cursor: pointer; } #nav_hamburger i { color: #ff7200; font-size: 40px; } .mm_button { text-align: center; width: 230px; margin: 25px auto; } .mm_button button { color: white; font-family: Gibson-SemiBold; background: #ff7200; border: none; padding: 9px 0 6px 0; width: 100%; font-size: 14px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 2px; } @media(max-height: 500px) { .hm_nav_container li { padding: 10px 0 8px 0; } .nav_mobile_img img { max-width: 150px; margin: 5px 20px 5px 16px; } .hm_nav_container li a { font-size: 14px; } .menu-wrapper li.nav_mobile_img { padding-bottom: 5px; } } /*-- Breadcrumbs --*/ .breadcrumbs a { color: #2d2d2d; } .breadcrumbs a:hover { text-decoration: underline; } .book_bc_container { border-bottom: 1px solid #d2d2d2; background: #f2f1f1; } .book_breadcrumbs { padding: 28px; position: relative; text-align: left; max-width: 1040px; margin: 0 auto; font-family: Gibson-Regular, sans-serif; font-size: 11px; } .normal_bc_container { float: left; width: 100%; padding: 6px 0 8px 0; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: url(https://images.wtmfiles.com/Homepage-sun-background-1400x578_WEB.jpg); /*background-size: 100% 70px;*/ background-repeat: no-repeat; } @media (min-width: 900px) { .normal_bc_container { background-size: 100% 70px; } } @media (max-width:600px) { .normal_bc_container { background-image: url(https://images.wtmfiles.com/Homepage-sun-background_WEB_600x137.jpg); /*background-size: 100% 40px;*/ } } @media (max-width:500px) { .normal_bc_container { padding: 5px 0 4px; } } .normal_breadcrumbs { text-align: left; font-size: 13px; position: relative; max-width: 1100px; margin: 0 auto; padding-left: 23px; line-height: 150%; } @media (max-width:500px) { .normal_breadcrumbs { font-size: 12px; padding: 0 10px; } } .breadcrumbs.normal_breadcrumbs i { color: #2d2d2d; font-size: 12px; margin: 0 4px 0 5px; font-weight: bold; position: relative; top: 1px; } @media (max-width:500px) { .breadcrumbs.normal_breadcrumbs i { font-size: 10px; margin: 0 3px 0 4px; top: 0px; } } /*@media (max-width:500px) { .normal_breadcrumbs a, .normal_breadcrumbs span { display: inline-block; padding: 0; margin-top: -3px; vertical-align: middle; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }*/ /*-- global styles --*/ .global_p { font-family: 'Gibson-Regular'; font-size: 17px; line-height: 145%; color: #2d2d2d; padding: 8px 0; text-align: justify; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } @media (max-width:450px) { .global_p { text-align: left; } } .global_p a, .global_p_centred a { color: #2d2d2d; font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; } .global_p_centred { font-family: Gibson-Regular; font-size: 17px; line-height: 145%; color: #2d2d2d; padding: 10px 0; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } .global_top { padding-top: 0; } .global_p_small { font-size: 15px; } .global_caption { font-size: 13px; } .global_quote { font-size: 14.99px; font-family: Gibson-SemiBold; } .global_quote_source { font-size: 13px; } .global_h1 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } .global_h2 { font-size: 38px; font-family: Gibson-SemiBold; color: #ff7200; text-align: center; margin: 35px 0 15px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; line-height: 120%; -webkit-text-size-adjust: 100%; } @media (max-width: 768px) { .global_h2 { font-size: 33px; } } @media (max-width: 500px) { .global_h2 { font-size: 30px; } } @media (max-width: 350px) { .global_h2 { font-size: 27px; } } .global_h3, .blog_h1_page-builder { font-size: 28px; font-family: Gibson-SemiBold; color: #ff7200; text-align: center; margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; line-height: 120%; -webkit-text-size-adjust: 100%; } @media (max-width: 500px) { .global_h3, .blog_h1_page-builder { font-size: 24px; } } .global_h4 { font-size: 24px; font-family: Gibson-SemiBold; color: #ff7200; text-align: center; margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; line-height: 110%; -webkit-text-size-adjust: 100%; } @media (max-width: 500px) { .global_h4 { font-size: 20px; } } .global_h4 a, .blog_h1_page-builder a { color: #ff7200; } .h4_no { color: #ff7200; font-family: Gibson-SemiBold; font-size: 20px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } .global_h5 { font-size: 18px; font-family: Gibson-SemiBold; color: #ff7200; text-align: center; margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; line-height: 130%; -webkit-text-size-adjust: 100%; } .global_h5 a { color: #ff7200; } @media (max-width: 500px) { .global_h5 { font-size: 17.5px; } } .global_h6 { font-family: Gibson-SemiBold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; text-align: center; font-size: 21px; line-height: 120%; -webkit-text-size-adjust: 100%; } /*-- End of Global font styles --*/ .faq_toc_link { max-width: 200px; margin: 15px auto 0; font-family: Gibson-Regular; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; color: #ff7200; } .faq_toc_link i { color: #fff; background: #ff7200; width: 21px; text-align: center; height: 25px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; padding: 0 3px 0 3px; font-size: 17px; line-height: 23px; position: relative; top: -2px; } .faq_toc_link a { color: #ff7200; } /* -- Hide the ad Blocker analytics image --*/ #ad-image { display:none; } /*-- Zopim Overrides .zopim { right: 3px !important; bottom: 0 !important; z-index: 5 !important; border-radius: 3px; } .zopim:after { content: '\f075'; position: absolute; top: 0; font-family: 'font awesome 5 free'; font-weight: 400; color: #4f6462; left: 0; background: #a4cecb; padding: 2px 9px 2px 0px; pointer-events: none; font-size: 18px; transform: scaleX(-1); } .firefox-browser .zopim:after { padding: 2px 9px 1px 0; } .mobile-device .zopim:after { content: '\f075'; position: absolute; top: 0px; font-family: 'font awesome 5 free'; color: #4f6462; background: #b2dcd9; padding: 4px 6px 11px 7px; pointer-events: none; font-size: 18px; font-weight: 400; left: 0; transform: scaleX(-1); } .android-device.mobile-device .zopim:after { content: '\f075'; position: absolute; top: 0; font-family: 'Font Awesome 5 Free'; font-weight: 400; color: #4f6462; left: 0; background: #b2dcd9; padding: 5px; pointer-events: none; transform: scaleX(-1); } .mobile-device .zopim { right: 3px !important; bottom: 0px !important; z-index: 4 !important; width: 67px !important; border-radius: 5px; top: auto !Important; left: auto !important; position: fixed !important; } .mobile-device .zopim:before { content: "Chat"; position: absolute; font-weight: bold; color: #4f6462; z-index: 1; font-size: 13px; background: #b2dcd9; right: 0px; padding: 10px 7px 9px 0; bottom: 0; pointer-events: none; } .android-device.mobile-device .zopim { right: 3px !important; bottom: 0px !important; z-index: 4 !important; width: 65px !important; border-radius: 5px; } .android-device.mobile-device .zopim:before { content: "Chat"; position: absolute; font-weight: 700; color: #4f6462; z-index: 1; font-size: 13px; background: #b2dcd9; right: 0; padding: 8px 6px 5px 2px; bottom: 0; pointer-events: none; }--*/ /*-- Lab specific: scrollUp --*/ #scrollUp { color: #dadada; font-size: 35px; bottom: 70px; right: 10px; height: 35px; width: 35px; } #scrollUp:hover { color: #d2d2d2; } /* Global WTM Global.css ########################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################### */ /*-- PAGE BUILDER STYLES --*/ .fl-row-fixed-width { max-width: 1100px; margin: 0 auto !important; } @media (max-width: 768px) { .fl-row-content-wrap { padding: 10px; } .fl-module-content { margin: 10px 20px; } } @media (max-width: 700px) { .fl-col-small { max-width: 100%; } } /*================ 2016 and prior Global Styles =============== */ .single_img_box { text-align: center; } .a2a_i { color: #2d2d2d !important; } .h2_centred_underline { font-family: Gibson-Regular, sans-serif; font-size: 19px; text-align: center; color: #F68D2D; letter-spacing: 1px; padding-bottom: 35px; padding-top: 30px; border-bottom: 1px solid rgba(255, 128, 0, 0.35); font-weight: 600; margin-bottom: 40px; line-height: 150%; } @media (max-width: 768px) { .h2_centred_underline { padding-top: 25px; margin-bottom: 15px; font-size: 17px; padding-bottom: 20px; } } @media (max-width: 400px) { .h2_centred_underline { padding-bottom: 25px; font-size: 16px; } } .h2_centred_big { font-size: 25px; border-bottom: 1px solid rgba(255, 128, 0, 1); } .h2_centred_big_nu { font-size: 25px; } @media (max-width: 700px) { .h2_centred_big_nu { font-size: 20px; } } @media (max-width: 768px) { .h2_centred_big_nu { font-size: 21px } } @media (max-width: 400px) { .h2_centred_big_nu { font-size: 18px; } } .h2_right_left { font-family: Gibson-Regular, sans-serif; font-size: 19px; text-align: center; letter-spacing: 1px; padding-bottom: 35px; padding-top: 30px; border-bottom: 1px solid rgba(255, 128, 0, 0.35); font-weight: 600; margin-bottom: 40px } @media (max-width: 950px) { .h2_right_left { padding-top: 25px; margin-bottom: 15px; font-size: 17px; padding-bottom: 20px; } } @media (max-width: 400px) { .h2_right_left { padding-bottom: 25px; font-size: 16px; padding-top: 5px; } } .home_h3 { color: #ff7200; font-family: Gibson-Regular; font-size: 16px; } .home_h3 a { color: #ff7200; } .publications_h3 { color: #ff7200; font-family: Gibson-SemiBold, sans-serif; font-size: 16px; text-align: left; border-bottom: 1px solid rgba(255, 128, 0, 0.35); padding-bottom: 20px; margin-bottom: 15px; margin-top: 30px; text-transform: uppercase; } .h4_gold { color: #ff7200; font-family: Gibson-Regular, sans-serif; font-weight: normal; font-size: 16px; font-weight:600; text-align: left; } .h4_gold a { color: #F68D2D; } .body_centre_15 { text-align: center; font-size: 15px; padding: 10px 0; } @media (max-width:768px) { .body_centre_15 { padding: 7px 0; } } .body_centre_15_top { text-align: center; font-size: 15px; padding: 0 0 10px 0; } .body_centre_15_top a { color: #2d2d2d; text-decoration: none; font-weight: bold; } .body_centre_15_top a:hover { text-decoration: underline; } .body_centre_15 a { color: #2d2d2d; text-decoration: none; font-weight: bold; } .body_centre_15 a:hover { text-decoration: underline; } .normal_justify_15 { font-size: 15px; text-align: justify; padding: 10px 0; } .normal_justify_15_top { font-size: 15px; text-align: justify; padding: 0 0 10px 0 ; } .normal_justify_15 a { font-weight: bold; color: #2d2d2d; } .normal_justify_15_top a { font-weight: bold; color: #2d2d2d; } @media (max-width:768px) { .normal_justify_15 { padding: 8px 0; } } @media (max-width:450px) { .normal_justify_15, .normal_justify_15_top { text-align: left; } } .highlight { background-color: #FFFF88; } .body_centred { text-align: center; font-size: 14px; padding: 10px 0; } @media (max-width:768px) { .body_centred { padding: 7px 0; } } .body_centred a { color: #2d2d2d; text-decoration: none; font-weight: bold; } .body_centred a:hover { text-decoration: underline; } .body_centred_top { text-align: center; font-size: 14px; padding: 0 0 10px 0; } @media (max-width:768px) { .body_centred_top { padding: 0 0 7px 0; } } .body_centred_top a { color: #2d2d2d; text-decoration: none; font-weight: bold; } .body_centred_top a:hover { text-decoration: underline; } .body_med { font-size: 14px; } .body_med a { color: #2d2d2d; font-weight: bold; } .body_small { font-size: 11px; } .body_small a { color: #2d2d2d; font-weight: bold; } .body_centred_small { font-size: 11px; text-align: center; } .body_centred_small a { color: #2d2d2d; font-weight: bold; } .normal_p { font-size: 14px; text-align: justify; padding: 10px 0; } @media (max-width:768px) { .normal_p { padding: 8px 0; } } @media (max-width:450px) { .normal_p { text-align: left; } } .normal_p a { font-weight: bold; color: #2d2d2d; } .quote_arial { font-weight: 700; font-size: 87%; } .quote_addit_arial { font-size: 90%; } .quote-source-arial { font-size: 11px; } .body-indented-wt { text-indent: 1.425em; } .responsive_video { position: relative; padding-bottom: 56.25%; height: 0; /*overflow: hidden;*/ } .responsive_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 740px) { .disappear_br { display:none; } } .pipe_with_space { margin: 0 7px; } .body-bullet-1-wt { list-style-position: outside; padding-left: 29px; list-style-image: url('https://images.wtmfiles.com/Bullet7ptWithAirTransparentGrey.png'); line-height: 150%; font-family: Gibson-Regular; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } @media (max-width: 450px) { ul.body-bullet-1-wt { padding-left: 10px; } } .body-bullet-1-wt a { font-family: Gibson-SemiBold; color: #2d2d2d; } .clear { clear:both; } #_pix_id { position: absolute; bottom: 0; visibility: hidden; } #google_retarget_pixel { position: absolute; bottom: 0px; } .h2_404 { margin-top: 40px; } .p_404 { text-align: center; max-width: 600px; margin: 0 auto; margin-top: 13px; } /*-To make long links wrap properly on phones-*/ .text-break { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /*-- video Overlay stuff --*/ .player-overlay { background: #fff; display: none; } #world-in-crisis .global_h2 { margin: 35px 0 10px 0; } @media (max-width: 350px) { #world-in-crisis .global_h2 { font-size: 28px; } } #world-in-crisis .global_p_centred.global_top { line-height: 145%; font-size: 18px; } /*-- I don't know what section this is on the homepage */ .body_normal_lg { opacity: 1; font-weight: 600; font-size: 15px; } @media (max-width: 700px) { .fl-node-570b922d18bca #freedom_focus-intro, .fl-node-570b921f7da36 #webinar1_hc_intro { max-width: 450px; margin: 0 auto; } } .hm_science_ed_img img { float: left; margin-right: 20px; max-width: 40%; } #hm_science_edition .hm_science_ed_h2 { padding-bottom: 20px; margin-bottom: 25px; font-size: 22px; opacity: 1; } #hm_science_edition { padding: 0 20px 10px 20px; border: 2px solid #d2d2d2; border-radius: 2px; } #hm_science_edition .global_h3 { padding: 15px; } #i-Mag { padding: 0 28px 20px 28px; border: 2px solid #d2d2d2; border-radius: 2px; } @media (max-width: 800px) { #i-Mag .hm_irish_img img { max-height: 175px; } } @media (max-width: 800px) { #i-Mag .hompage_alert_imag_img img { max-height: 190px; } } @media (max-width: 450px) { #i-Mag .hm_irish_img img { max-width: 200px; } } @media (max-width: 450px) { #i-Mag .hm_irish_img img { max-width: 200px; } } #i-Mag .global_h3 { padding: 35px 0 12px 0; } /*-- https://www.humancondition.com/i-magazine/ i-Magazine page --*/ .imag_h1 { font-size: 23px; margin-top: 25px; } @media (max-width: 700px) { .imag_h1 { font-size: 20px; margin-top: 25px; } } .imag_profile_top { float: right; margin-left: 25px; cursor: pointer; } .imag_images_table { display: table; width: 100%; max-width: 700px; margin: 0 auto; } .imag_images_tablerow { display: table-row; } .imag_images_cell1 { display: table-cell; width: 50%; text-align: center; padding: 0 20px; } .imag_images_cell2 { display: table-cell; width: 50%; text-align: center; padding: 0 20px; cursor: pointer; } .imag_franklin { max-width: 780px; margin: 18px auto 0 auto; } @media (max-width: 850px) { .imag_franklin { text-align: center; } } .imag_franklin img { height: 100%; max-height: 350px; } .imag_franklin img:nth-child(2) { margin-left: 25px; float: right; } @media (max-width: 850px) { .imag_franklin img:nth-child(2) { margin-left: 25px; float: none; } } /*------Generic orange button - see /mailing-list-confirmation/ for example ------*/ .orange_button { font-family: Gibson-Regular, sans-serif; font-size: 14px; background-color: #F68D2D; color: white; border: none; padding: 8px; width: 100%; cursor: pointer; border-radius: 3px; } /*-- MEDIA CENTRE CONTACT FORMS, MAILING LIST POPUP, MAILING LIST POPUP V2, CALL WITH MEMBER POPUP (Gravity Forms 20, 21, 22, 24, 25, 30) --*/ #gform_20 > div.gform_heading > h3, #field_20_1 > label, #input_20_1_3_container > label, #field_20_2 > label, #field_20_3 > label, #field_20_4 > label, #input_20_4, #gform_21 > div.gform_heading > h3, #field_21_1 > label, #input_21_1_3_container > label, #field_21_2 > label, #field_21_3 > label, #field_21_4 > label, #input_21_4, #gform_24 > div.gform_heading > h3, #field_24_1 > label, #input_24_1_3_container > label, #field_24_2 > label, #field_24_3 > label, #input_24_3, #input_25_4, #field_25_5 > label, #input_25_5, #field_25_4 > label, #input_22_5_3_container > label, #input_22_5_6_container > label, .gform_validation_container, .distinct-id-value, #field_22_5 > label, #field_25_10 > label, #input_25_10_3_container > label, #input_25_10_6_container > label { display: none; } #gform_20 > div.gform_heading > h3 body #gform_wrapper_20 .gform_body .gform_fields .gfield .ginput_container, #gform_21 > div.gform_heading > h3 body #gform_wrapper_21 .gform_body .gform_fields .gfield .ginput_container, #gform_24 > div.gform_heading > h3 body #gform_wrapper_24 .gform_body .gform_fields .gfield .ginput_container, #gform_25 > div.gform_heading > h3 body #gform_wrapper_25 .gform_body .gform_fields .gfield .ginput_container { margin-top: 10px; } #input_20_1_3, #input_20_2, #input_20_3, #input_21_1_3, #input_21_2, #input_21_3 { font-family: Gibson-Regular, sans-serif; font-size: 14px; padding: 10px; width: 300px; float: left; margin: 10px; background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 153, 0, .5); } #input_24_1_3, #input_24_2 { font-family: Gibson-Regular, sans-serif; font-size: 13px; padding: 10px; width: 100%; background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 153, 0, .5); max-width: 270px; margin: 8px auto; } #input_24_1_3, #input_24_2 { height: 20px; } #gform_24 .gform_footer.top_label { max-width: 270px; margin: 0 auto; } #gform_wrapper .gform_footer.top_label { max-width: 300px; margin: 0 auto; } #gform_submit_button_20, #gform_submit_button_21 { font-family: Gibson-Regular, sans-serif; background-color: #F68D2D; color: white; border: none; font-size: 14px; padding: 10px; margin: 10px; width: 320px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #gform_submit_button_24 { font-family: Gibson-Regular, sans-serif; background-color: #F68D2D; color: white; border: none; font-size: 14px; padding: 10px; cursor: pointer; border-radius: 3px; width: 100%; margin: 10px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #gform_submit_button_20:hover, #gform_submit_button_21:hover, #gform_submit_button_24:hover { cursor: pointer; } #gform_fields_20, #gform_fields_21, #gform_fields_24 { list-style: none; } #gform_fields_24 { max-width: 300px; margin: 0 auto; } #gform_confirmation_message_20, #gform_confirmation_message_21, #gform_confirmation_message_24 { text-align: center; font-size: 14px; padding: 10px 0; line-height: 200%; } #field_20_4 > div.gfield_description, #field_21_4 > div.gfield_description, #field_24_3 > div.gfield_description { display: none; } /*---- Manual Member Application Form (Gravity Form #28) ---- #gform_fields_28 { list-style:none; } #input_28_1_3_container > label,#field_28_1 > label,#field_28_2 > label,#field_28_3 > label,#field_28_4 > label, #input_28_4_1_label,#input_28_4_3_label,#input_28_4_4_label,#input_28_4_5_label,#input_28_4_6_label,#field_28_5 > label, #field_28_6 > label,#field_28_7 > label,#field_28_8 > label,#field_28_9 > label,#field_28_10 > label,#field_28_11 > label{ display: none; } #gform_fields_28 input,#input_28_4_6,#input_28_8{ width: 300px; height: 50px; font-size: 13px; margin: 10px; background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 153, 0, .5); padding: 8px; } #field_28_3 > div.gfield_description { font-size: 12px; max-width: 300px; margin: 10px; } #input_28_9,#input_28_11 { max-width: 300px; margin: 10px auto; height: 40px; font-size: 13px; list-style: none; } input#choice_28_9_1,input#choice_28_11_1 { width: 25px; height: 20px; float: left; margin-top: 7px; margin-left: 5px; } #label_28_9_1,#label_28_11_1 { float: right; width: 250px; clear: right; margin-right: 10px; } #gform_submit_button_28 { font-family: Gibson-Regular, sans-serif; background-color: #F68D2D; color: white; border: none; font-size: 14px; padding: 8px; margin: 10px; width: 300px; cursor: pointer; } #input_28_12,input#input_28_12,#field_28_12 > div.gfield_description,#field_28_12 > label { display: none; }*/ /*-- VIDEO LIBRARY PAGES--*/ .video_library_ul li span { top: 0; } #more_intro_talks_div h3 { padding-top: 30px; } #more_intro_talks_div .thumbnail { float:right; max-width:170px; padding-left: 10px; position: relative; z-index: 1; } @media (max-width: 450px) { #more_intro_talks_div .thumbnail { max-width:130px; } } .video_playlist_max-width { max-width: 800px; margin: 0 auto; } .affirmation_transcripts a { font-weight: normal; } .affirmation_transcripts .pipe_with_space { font-weight: bold; color: black; } .previous_webinars_vid_container { max-width: 850px; margin: 0 auto } /*--- Download Pages --*/ .ibook_mobile_dl_message { max-width: 615px; margin: 0 auto; } .dl_img_spinner_ebook img { width: 45px; } .dl_img_spinner_ebook { text-align: center; margin: 15px; } .amazon_dl { display: none; } /*------------Blog Home Page stuff----------*/ .blog_thumbnail_container { list-style: none; text-align: center; } .blog_thumbnail_container li { border: 1px solid #D8D8D8; border-radius: 3px; padding: 5px 5px 5px 8px; margin-right: 2px; width: 250px; margin-bottom: 18px; height: 100px; display: inline-block; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog_thumbnail_title { font-size: 13px; height: 55px; line-height: 130%; margin-top: 5px; text-align: left; } .blog_thumbnail_title a { color: #2d2d2d; } .blog_thumbnail_img { max-width: 100px; float: right; margin-left: 5px; } .blog_date { display: none; } .content-wtmBlog-author { font-size: 11px; font-family: Gibson-SemiBold; text-align: left; color: #ff7200; } .global_p_centred.blog_welcome_message { margin: 27px 0 0 0; font-size: 20px; } .blog_h1_page-builder { margin: 15px 0; } .comment_note { line-height: 150%; } /*--Terms of use --*/ .terms_container h3 { text-align: left; margin-top: 20px; } .terms_container table { border: 1px solid #d2d2d2; } .terms_container td { border: 1px solid #d2d2d2; padding: 3px 5px; font-size:13px; } /*-- Publications Pages --*/ /*-- FREEDOM Access page --*/ #freedom-access-wrapper .global_h2, #TYL-access-wrapper .global_h2 { margin: 5px 0 10px 0; } @media (max-width: 400px) { #freedom-access-wrapper .global_h2, #TYL-access-wrapper .global_h2 { line-height: 110%; } } #TYL-access-wrapper .global_h2 { margin-bottom: 0; } #TYL-access-wrapper .global_h4 { margin-top: 0; } @media (min-width: 900px) { #freedom-access-wrapper .global_h2 br { display: none; } } @media (max-width: 900px) { #freedom-access-wrapper .global_h2, #TYL-access-wrapper .global_h2 { max-width: 650px; margin: 5px auto 10px auto; } } .freedom-access-image-div, .tyl-access-image-div { float: left; width: 26%; margin-right: 15px; } @media (max-width: 700px) { .freedom-access-image-div, .tyl-access-image-div { width: 30%; } } @media (max-width: 500px) { .freedom-access-image-div { width: 38%; margin-top: 20px; } } @media (max-width: 500px) { .tyl-access-image-div { width: 38%; margin-top: 0px; } } .tyl-access-image-text { margin-top: 40px; } .tyl-sub { max-width: 700px; margin: 0 auto; } .freedom-access-image-text { margin-top: 20px; } @media (max-width: 950px) { .freedom-access-image-text, .tyl-access-image-text { margin-top: 15px; } } @media (max-width: 700px) { .freedom-access-image-text, .tyl-access-image-text { margin-top: 7px; } } /* .bookNumberTable { margin-top: 25px; } */ /*-- Freedom Expaned pages--*/ .freedom1_choices { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 10px 0; } .freedom1_choices .f1_choices { letter-spacing: 2px; } .exped-title-highlight { color: #F68D2D; } .title-highlight-flash { color: red; } .publication_note { background: #f2f1f1; border-left:10px solid #F68D2D; padding: 20px; } .Fb1_img { width: 29%; float: left; padding-right: 20px; } @media (max-width:700px) { .Fb1_img { width: 20%; } } .freedom1_pdf_container { max-width: 900px; } .Fb1_pdf_table { max-width: 500px; margin: 0 auto; width: 100%; } .Fb1_pdf_table td { border: 1px solid #2d2d2d; text-align: center; font-size: 13px; padding: 10px; } .Fb1_pdf_table a { color: #2d2d2d; } .boa_number { width: 50px; } .boa_number a { color: white; } .boa_number span { background: #F68D2D; border-radius: 21px; padding: 9px 16px; color: white; margin-right: 15px; } .boa_h3 { text-align: left; border-bottom: 1px solid #F68D2D; padding-bottom: 12px; width:100%; color: #F68D2D; } .boa_h3 a { color: #F68D2D; } .boa_table { max-width: 47%; width: 100%; font-size: 13px; border-spacing: 0; } .boa_tbl1 { float: left; margin-top: 30px; } @media (max-width:1030px) { .boa_tbl1 { float: none; max-width: 500px; margin: 0 auto; margin-top: 30px; } } .boa_tbl2 { float: right; margin-top: 30px; } @media (max-width:1030px) { .boa_tbl2 { float: none; max-width: 500px; margin: 0 auto; } } @media (max-width:1030px) { .boa_tbl2 .boa_table_row1 td { display: none; } } .boa_table tr td:nth-child(1) { width: 48%; } .boa_table_row1 td { background: #F68D2D; color: white; padding: 10px; } .boa_table td { padding: 10px; border-bottom: 1px solid #d2d2d2; } @media (max-width: 550px) { .boa_table td { font-size: 12px; } } .boa_table a { color: #2d2d2d; font-weight: 600; } .exodus_bk_img_cover_1 { float: left; z-index: 1; position: relative; } @media (max-width: 700px) { .exodus_bk_img_cover_1 { display: none; } } @media (min-width: 701px) { .exodus_bk_img_cover { display: none; } } .exodus_text { margin-left: 150px; } @media (max-width: 700px) { .exodus_text { margin-left: 0; } } .exodus_bk_img_cover { float: left; margin-right: 20px; z-index: 1; position: relative; } .asid_reviews_list p { margin: 4px 0; } .asid_ol { margin-left: 45px; line-height: 150%; font-size: 14px; } .bookofday_img { max-width:200px; float: right; text-align: center; margin-left: 20px; z-index: 1; position: relative; } @media (max-width: 450px) { .bookofday_img { max-width: 120px; } } .aust_launch_asid { max-width:900px; margin: 0 auto; } .aust_launch_asid th, .aust_launch_asid td { padding: 10px; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aust_launch_asid tr { font-size: 13px; } @media (max-width: 900px) { .aust_launch_h3 { margin-top: 0px; } } .aust_launch_asid td:first-child { width: 12%; font-size: 11px; vertical-align: top; } .beyond_reviews_h1 { line-height:200%; margin-bottom:20px } @media (max-width: 700px) { .beyond_reviews_h1 { line-height:150%; } } /*-- Freedom Exp book 2 --*/ /* .freedomexp2_wrapper { max-width: 800px; margin: 0 auto; } .freedomexp2_coverimg { max-width: 200px; float: left; margin-right: 25px; width: 25%; } @media (max-width: 445px) { .freedomexp2_coverimg { width: 35%; margin-top: 10px; } } .freedomexp2_coverLft { padding-top: 50px; text-align: center; } @media (max-width: 600px) { .freedomexp2_coverLft { padding-top: 30px; } } @media (max-width: 525px) { .freedomexp2_coverLft { padding-top: 10px; } } @media (max-width: 445px) { .freedomexp2_coverLft { padding-top: 0; } } */ /*-- HCDP page --*/ .vimeo_video { max-width: 720px; position: relative; margin: auto; } .vimeo_video:after { padding-top: 72%; display: block; content: ''; background: white; } .vimeo_video iframe { position: absolute; width: 100%; height: 100%; background: white; border: none; } /* -- Website launch Page -- */ .fl-node-56bfa210712b4 { max-width: 1000px; margin: 0 auto; } .website_launch_top_p { margin-top:30px; } @media (max-width: 900px) { .website_launch_top_p { margin-top:15px; } } @media (max-width: 700px) { .website_launch_top_p { margin-top: 0; } } .website_launch_box { padding: 5px 10px 5px 10px; margin: 10px 40px 0 40px; background: #EEEEEE; border: 3.5px double black; } @media (max-width: 500px) { .website_launch_box { margin: 10px 10px 0 10px; } } .philosophical_img { max-width:400px; margin: 0 auto; } @media (max-width: 900px) { .philosophical_img { margin-top: 15px; } } @media (max-width: 800px) { .philosophical_img { margin-top: 30px; } } @media (max-width: 700px) { .philosophical_img { margin-top: 0; } } /*-- Puchase publications page --*/ .purchase_pubs_div { border-top: 1px solid rgba(255, 128, 0, 0.35); padding: 40px 0; opacity:1; } .purchase_pubs_bk_img { float:left; max-width:120px; width: 30%; opacity: 1; position: relative; z-index: 1; } @media (max-width:520px) { .purchase_pubs_bk_img { float: right; max-width:120px; width: 30%; margin-left: 20px; margin-top: 30px; } } .puchase_casemate { max-width: 350px; margin: 0 auto; } .purchase_pubs_ul { margin-left: 150px; } @media (max-width:520px) { .purchase_pubs_ul { margin-left: 0; } } .purchase_pubs_list { margin-left: 20px; } .purchase_pubs_list a { color: #2d2d2d; } .pdf_help_ol { margin: 20px 0 0 50px; font-family: Gibson-SemiBold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } @media (max-width:700px) { .pdf_help_ol { margin: 20px 0 0 20px; } } .pdf_help_ol li { padding: 5px 0; } .pdf_help_ol li a { color: #2d2d2d; } /*-- Printing and binding pages --*/ .book_print_wrapper { max-width: 840px; margin: 0 auto; padding: 0 20px; } @media (max-width: 700px) { h2.global_h2.print_h2 { font-size: 27px } } @media (max-width: 450px) { h2.global_h2.print_h2 { font-size: 25px } } @media (max-width: 400px) { h2.global_h2.print_h2 { font-size: 23px } } /*-- Jeremy Griffith pages --*/ .first_words_img { max-width: 500px; margin: 0 auto; margin-top: 20px; } .susa_img_div{ max-width: 400px; margin-left: auto; margin-right: auto; } /*-- Founding member profile pages --*/ .founding_membership_ul { max-width: 925px; margin: 0 auto; margin-top: 30px; } @media (max-width: 1000px) { .founding_membership_ul { max-width: 725px; } } @media (max-width: 825px) { .founding_membership_ul { max-width: 550px; } } @media (max-width: 605px) { .founding_membership_ul { max-width: 370px; } } @media (max-width: 420px) { .founding_membership_ul { max-width: 190px; } } .founding_membership_ul li { list-style: none; float:left; height: 200px; text-align:center; width: 180px; line-height: 0; } .founding_membership_ul li a { color: #2d2d2d; } .founding_membership_ul li .body_med { margin-top: 5px; font-size: 13px; font-family: Gibson-SemiBold; } .founding_membership_ul img { border: 1px solid black; width: 100%; max-width: 100px; } /*-- Founding member profile pages --*/ .member_image { float: right; margin-left: 20px; margin-bottom: 15px; width:28%; height: auto; margin-left:2rem; max-width:190px; border: 1px solid black; } .member_profile_container { max-width: 700px; margin: 0 auto; } .h2_member_profile { font-size: 18px; position: relative; top: 5px; } .member_para { margin-top: 0px; } @media (max-width: 380px) { .tms_extended_h1 { font-size: 21px; } } @media (max-width: 380px) { .tms_extended_h2 { font-size: 17px; } } .member_profile_pop { border: 3px solid #d2d2d2; border-radius: 3px; padding: 0 15px 20px 15px; } /*-- World Talk Radio Page --*/ #World-talk-radio-interview { border: 1px solid #d2d2d2; margin-top: 35px; } @media print { #World-talk-radio-interview { background-image: url(https://images.wtmfiles.com/world_talk_print_336x194_WEB.png); width: 336px; height: 194px; border: none; } } /*--- Public Talks and Lectures ---*/ .public_talks { font-size: 15px; text-transform: uppercase; margin-top: 30px; color: #F68D2D; } /*--Jeremy Griffith pages --*/ #burundi_img { max-width: 500px; margin-left: auto; margin-right: auto; } /*-- Webinars Section --*/ /*-- Webinar Question Form --*/ #webinar_questions_form { padding: 20px; margin-top: 20px; } #webinar_questions_form .gform_wrapper { max-width: 580px; margin: 0 auto; } #gform_wrapper_13 ul{ list-style: none; } #gform_fields_13 label { display: none; } #field_13_1, #field_13_2 { display: inline-block; width: 47%; } #field_13_1, #field_13_4 { margin-right: 3%; } #field_13_2, #field_13_3 { margin-left: 3%; } #field_13_3, #field_13_4 { display: inline-block; width: 47%; margin-top: 13px; } #gform_wrapper_13 h3, #field_13_11 { display:none; } #field_13_10 { font-size: 11px; margin: 5px 0 20px 0; } #webinar_questions_form .ginput_container input, #webinar_questions_form .address_country select { width: 100%; height: 25px; text-indent: 10px; border: 1px solid #ff7200; } #webinar_questions_form textarea { width: 100%; height: 150px; border: 1px solid #ff7200; padding-top: 10px; font-size: 13px; text-indent: 10px; } #gform_submit_button_13 { background-color: #ff7200; color: white; border: none; font-size: 15px; margin-top: 14px; cursor: pointer; width: 100%; height: 32px; } /*-- Persecution Pages --*/ .persecution_h4 { color: #ff7200; text-transform: uppercase; font-size: 16px; line-height: 150%; margin-top: 10px; } .persecution_h4 span { border-right: 1px solid; padding-right: 10px; margin-right: 6px; font-size:20px; } .expanded_persecution_history { border-bottom: 1px solid #F68D2D; } .vindication_img_exphistory { max-width: 200px; float: right; margin: 0 0 0 20px; } /*------- S2Member Member Profile Form ------*/ #members_section_profile { padding: 0 25px 20px 25px; border: 2px solid #d2d2d2; border-radius: 2px; } #members_section_profile .global_h2 { margin-bottom: 0; } #members_section_profile label { font-size: 14px; line-height: 145%; color: #2d2d2d; padding: 10px 0; font-family: 'Gibson-Regular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } #members_section_profile input { background-color: rgba(255, 255, 255, 0.6); border: 1px solid rgba(255, 153, 0, .5); width: 100%; height: 35px; margin: 10px; padding: 8px; } #members_section_profile #ws-plugin--s2member-profile-submit { background-color: #F68D2D; color: white; border: none; font-size: 14px; padding: 8px; cursor: pointer; width: 100%; } #members_section_profile #ws-plugin--s2member-profile-opt-in { max-width: 20px; font-size: 14px; } /*-- Don't know what this is looks like video stuff--*/ .thumb-container { position: relative; cursor: pointer; } .thumb-container img.video-thumb { width: 100%; } .single-video-player iframe { width: 100%; height: 675px; } .single-video-player { max-width: 1200px; margin: 0 auto; width: 90%; position: relative; top: 50%; transform: translateY(-58%); -webkit-transform: translateY(-58%); } @media (max-height:880px) { .single-video-player { transform: translateY(-56%); -webkit-transform: translateY(-56%); } } @media (max-height:850px) { .single-video-player { transform: translateY(-54%); -webkit-transform: translateY(-54%); } } @media (max-height:800px) { .single-video-player { transform: translateY(-52%); -webkit-transform: translateY(-52%); } } @media (max-height:750px) { .single-video-player { max-width: 1100px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } } @media (max-height:700px) { .single-video-player { max-width: 1000px; } } @media (max-height: 650px) { .single-video-player { max-width: 900px; } } @media (max-height: 600px) { .single-video-player { max-width: 800px; } } @media (max-height: 550px) { .single-video-player { max-width: 700px; } } @media (max-height: 500px) { .single-video-player { max-width: 600px; } } @media (max-height: 450px) { .single-video-player { max-width: 500px; } } @media (max-height: 400px) { .single-video-player { max-width: 400px; } } .close-overlay { cursor: pointer; } .single-yt-video .overlay, .playlist-yt-video .overlay { display: none; } .single-yt-video .overlay.is-active, .playlist-yt-video .overlay.is-active { display: block; } .playlist-no-thumbs .playlist-player-images { display: none; } body.youtube-playlist-fullscreen .mlvp_playlist_container { position: fixed; bottom: 100px; z-index: 999999999999999; left: 0; right: 0; } /* ============================================================ GRAVITY FORMS ============================================================ */ /*-----------Members Monthly Report (Gravity Form 3 on /members-monthly-report/)--------------*/ .membership_report_form { max-width: 640px; margin: 0 auto; padding-top: 20px; } body #gform_wrapper_3 .gform_heading .gform_title { display: none; } #input_3_1 { width: 100%; margin: 0; margin-top: 15px; } #gform_submit_button_3 { margin: 0; margin-top: 15px; } #field_3_2 { margin-left: 0; } .members_report_form .gform_confirmation_message { text-align: center; margin-top: 50px; max-width: 640px; margin: 0 auto; } /*----------Membership Feedback Form (Gravity Form 6 on each Membership Meeting Highlights Page)-----------*/ body #gform_wrapper_6 .gform_heading .gform_title { font-family: Gibson-Regular, sans-serif; font-size: 19px; text-transform: uppercase; text-align: center; color: #F68D2D; opacity: 0.8; letter-spacing: 1px; padding-bottom: 35px; padding-top: 30px; border-bottom: 1px solid rgba(255, 128, 0, 0.35); font-weight: 600; margin-bottom: 40px; } #gform_fields_6 { list-style: none; } body #gform_wrapper_6 .gform_body .gform_fields .gfield .gfield_label { display: none; } #gform_submit_button_6 { margin: 0; margin-top: 15px; } #input_6_1 { width: 100%; margin: 0; } /*-----------Questions and Feedback Form (Gravity Form 7 - not in use)--------------*/ #gform_fields_7 { list-style: none; padding-bottom: 3px; } #gform_fields_7 label{ width: 80%; max-width: 300px; } #input_7_7 { height:75px; } #input_7_7 input { width: 70%; } #input_7_7_6 { position: relative; top: 5px; } #field_7_6 input { width: 70%; } #field_7_8 { display: none; } #field_7_8 label { display: none; } #gform_fields_7 li { padding-top: 10px; font-weight:bold; } #input_7_7_3_container label{ display: none; } #input_7_7_6_container label{ display: none; } .click_submit_text_qandas { max-width: 375px; margin: 0 auto; font-size: 13px; text-align: center; line-height: 120%; position: relative; top: -53px; right: -36px; } @media (max-width: 630px) { .click_submit_text_qandas { top: 0px; right: 0px; } } /*------- Transformation Webinar Request Form (Gravity Form 27 on /members/join-a-transformation-webinar/)------*/ #gform_wrapper_27 ul{ list-style: none; } #gform_wrapper_27 h3 { display:none; } body #gform_wrapper_27 .gform_body .gform_fields .gfield .gfield_label { display: none; } #input_27_4 { margin-top: 10px; } #field_27_8 { font-size: 12px; text-align: center; } #input_27_9_6_container { border-radius: 0; } #field_27_11 { display: none; } #input_27_5_3,#input_27_2,#input_27_9_6,#input_27_4_4 { height: 50px; } @media (max-width: 780px) { #input_27_5_3, #input_27_2, #input_27_9_6, #input_27_4_4, #input_27_6, #gform_submit_button_27 { width: 100%; margin: 10px; } } @media (max-width: 520px) { #gform_wrapper_27 { max-width: 280px; margin: 0 auto; } } /*-------Member Application Form - Manual Entry (used for manually entered forms (Gravity Form 1)------*/ #gform_fields_1 { list-style:none; padding-top: 20px; } #gform_fields_1 input{ width: 100%; } #gform_fields_1 li{ padding-top: 10px; padding-bottom: 10px; font-weight: bold; list-style: none; } #input_1_4_1_label, #input_1_4_3_label, #input_1_4_4_label, #input_1_4_5_label { display:none; } #input_1_4_6 { margin-top: 10px; } /**--Survey Form --**/ #gform_29 .gform_title { display: none; } #gform_fields_29 .gfield_html { font-family: Gibson-Regular, sans-serif; text-align: left; font-size: 11px; padding: 0; margin-left: 10px; float: none; clear: both; } #gform_29 li { list-style: none; } #gform_29 .ginput_container input { width: 17px; height: 14px; float: none; margin: 0px; margin-left: 3px; } .survey_tick_box { width: 18px; float: right; padding: 2px 0px 2px 0px; border-radius: 2px; line-height: 5px; background: #fffafa; margin-right: -25px; } @media (max-width: 769px) { .survey_tick_box { margin-right: -15px; } } @media (max-width: 699px) { .survey_tick_box { margin-right: -5px; } } #gform_29 .gfield_checkbox li label { display: none; } #gform_29 textarea:nth-child(1) { border: 1px solid rgba(255, 153, 0, .5); width: 100%; padding: 10px; margin: 15px 0 7px 0; } #gform_29 textarea:nth-child(2) { border: 1px solid rgba(255, 153, 0, .5); width: 100%; padding: 10px; margin: 30px 0; } #gform_29 .body-bullet-3-wt li { list-style-image: url(https://images.wtmfiles.com/Bullet7ptWithAirTransparentGrey9x14pt.png); } .fl-node-578f01afb5d67 .gform_footer { text-align: center; } #gform_submit_button_29 { padding: 10px; font-size: 18px; border-radius: 5px; margin-top: 18px; cursor: pointer; } @media (max-width: 400px) { #gform_submit_button_29 { font-size: 12px; } } .survey_top_button { border: 1px solid #d2d2d2; padding: 2px 10px; max-width: 300px; background: #d8d8d8; box-shadow: 1px 2px 1px 0px; border-radius: 3px; font-size: 15px; text-align: center; cursor: pointer; margin-bottom: 25px; } #gform_save_29_link { position: fixed; bottom: 0; left: 0; right: 0; background: #1e801e; max-width: 174px; text-align: center; margin: 0 auto; color: white; font-size: 13px; padding: 2px 6px; line-height: 150%; border-radius: 3px; z-index: 99; } #gform_wrapper_29 { max-width: 800px; } #gform_save_29_link .fa-floppy-o { font-size: 25px; float: left; padding: 7px 1px 7px 6px; } #gform_wrapper_29 .form_saved_message { text-align: center; font-size: 15px; line-height: 200%; margin-top: 50px; } #gform_29 .ginput_container input[type="checkbox"]{ -webkit-appearance: initial; background: white; width: 18px; height: 18px; border: 2px solid #9e9e9e; position: relative; border-radius: 3px; top: -22px; } #gform_29 .ginput_container input[type="checkbox"]:checked { background: #4352ff; } #gform_29 .ginput_container input[type="checkbox"]:checked:after { /* Heres your symbol replacement - this is a tick in Unicode. */ content: "\2715"; color: #fff; /* The following positions my tick in the center, * but you could just overlay the entire box * with a full after element with a background if you want to */ position: absolute; left: 50%; top: 45%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } img#gform_ajax_spinner_29 { display: none; } #gform_confirmation_wrapper_29 { margin: 30px; } /* ==================================================== END OF GRAVITY FORMS SECTION ==================================================== */ /*--------------Responsive Video Container stuff---------*/ .print_video { max-width: 720px; position: relative; margin: auto; } .print_video:after { padding-top: 56.10%; display: block; content: ''; background: white; } .print_video iframe { position: absolute; width: 100%; height: 100%; background: white; border: none; } /*------- End Global Classes --------*/ .para-space-wt { line-height: 7px; margin: 0; } .body-digit-wt { font-size: 90%; } .body-small-wt { font-size: 13px; line-height: 140%; } .body-digit-float-left { font-size: 90%; font-weight: bold; font-family: Arial, Helvetica, Geneva, sans-serif; margin-right: 23px; } .quote-source-wt { font-size: 11px; } .quote-addition-wt { font-weight: normal; font-style: normal; font-size: 13px; color: #333333; /* c2 */; } .quote-slash-wt { font-weight: normal; font-style: normal; font-size: 12px; } /* @end */ .body-bullet-dash-med-dash { list-style-position: outside; padding-left: 40px; list-style-type: none; } @media (max-width: 500px) { .body-bullet-dash-med-dash { padding-left: 12px; } } .body-bullet-dash-med-dash:before { content: ' - '; font-weight: bold; float: left; margin-right: 5px; } .image-nomove-centre { margin: 8px auto 0px auto; display: block; text-align: center; position: relative; width:100%; } .image-nomove-tw-right { float: right; margin-top: 7px; margin-left: 2%; z-index: 1; } .image-nomove-tw-left { float: left; margin-top: 7px; margin-right: 2%; z-index: 1; } /* .imagecaption-wt { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; text-align: center; line-height: 120%; }*/ .imagecopyright-wt { font-family: arial, san-serif; font-size: 9px; margin: 0; padding: 0; line-height: 10px; } .imagecopyright-side-wt, .imagecopyright-ie-wt { display: inline-block; -moz-transform:rotate(270deg); -moz-transform-origin: top left; -webkit-transform: rotate(270deg); -webkit-transform-origin: top left; -o-transform: rotate(270deg); -o-transform-origin: top left; -ms-transform: rotate(270deg); -ms-transform-origin: top left; background-color: white; white-space:nowrap; font-family: arial, san-serif; font-size: 9px; margin: 0; padding: 0; line-height: 10px; width:10px; } .upsilon-wt{ font: 91% arial, san-serif; font-weight: inherit; font-style: inherit; } .long-dash-wt { margin-left: 2px; margin-right: 2px; font-size: 125%; } .box-wt { border: 1px solid #333333; margin: 5px; padding: 7px; } /* @end */ /* @group IMAGES */ .image-float-left { float: left; } .image-float-right { float: right; text-align: right; clear: none; } /* @end */ /* @group SPACES */ .space-0pt-wt { margin: 0; line-height: 1px; } .space-05pt-wt { line-height: 1px; margin: 0; } .space-1pt-wt { line-height: 1px; margin: 0; } .space-2pt-wt { line-height: 2px; margin: 0; } .space-3pt-wt { line-height: 3px; margin: 0; } .space-4pt-wt { line-height: 4px; margin: 0; } .space-5pt-wt { line-height: 5px; margin: 0; } .space-6pt-wt { line-height: 7px; margin: 0; } .space-8pt-wt { line-height: 9px; margin: 0; } .space-10pt-wt { line-height: 11px; margin: 0; } .space-12pt-wt { line-height: 14px; margin: 0; } .space-14pt-wt { line-height: 16px; margin: 0; } .space-18pt-wt { line-height: 21px; margin: 0; } .space-22pt-wt { line-height: 25px; margin: 0; } /* @end */ /* @end */ .field-text label, .field-email label, .field-textarea label, field-telephone label { float: left; display: inline; width: 140px; text-align: right; padding-right: 5px; } /* @end */ .miniSurveyView { padding-top: 10px; } input#Question10 { width: 400px; } input#Question11 { width: 400px; } input#Question14 { width: 400px; } input#Question20 { width: 400px; } #Question18 { width: 400px !important; } input#Question19 { width: 400px; } .field-checkboxlist { width: 500px; padding-right: 60px; padding-left: 60px; padding-top: 10px; } .checkboxList .checkboxPair { font: .8em Verdana, sans-serif; padding-left: 40px; text-indent: -20px; } .miniSurveyView input.submit { float: none; clear: both; margin-left: 440px; margin-top: 10px; } /* @end */ ol.numbers { list-style: decimal outside none; padding-left: 25px; color: #333333; } .member_container { max-width: 800px; margin: 0 auto; } /*----------BR'S DISAPPEAR AFTER 738PX;-------------*/ @media (max-width: 738px) { .br_disappear { display: none; } } @media (min-width: 738px) { .br_appear { display: none; } } @media (min-width: 769px) { .br_appear_768 { display: none; } } @media (max-width: 450px) { .br_disappear_mobile_only { display: none; } } @media (max-width: 768px) { .br_disappear_ipad { display: none; } } .table_left_membership_downloads { margin: 0 auto; max-width: 250px; } /*-----------------Universal Classes---------------*/ .h3heading { font-family: Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; margin-bottom: 8px; text-align: center; font-size: 25px; font-weight: bold; } @media (max-width:450px) { .h3heading { font-size: 22px; line-height: 120%; } } .bullet_no-dot { list-style-type: none; } ul.dash_bullet { list-style: none; margin-left: 0; padding-left: 1em; } ul.dash_bullet li:before { display: inline-block; content: "—"; width: 1em; margin-left: -1em; } /*----------Flashing Text For Freedom Page--------*/ .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } /*-----Description of the WTM---------*/ @media (max-width: 400px) { .rising_sun_br { display: none; } } /*---------Persecution of the WTM section of the website--------*/ @media (min-width: 451px) { .disappear_over_450_abc-centures { display: none; } } #video_contents { font-size: .65em; width: 71.875%; /* 650/960 */ max-width: 960px; text-align: left; margin: 0px auto; /*auto centers the container */ padding: 1%; /* 25/650 */ border: 1px solid black; margin-top: 8px; font-weight: bold; } #video_contents h3 { font-size: 20px; padding-bottom: 5px; } .h8-wt { text-align: center; font-family: Times, "Times New Roman", Serif; font-weight: bold; font-size: 20px; line-height: 23px; color: #333333; } /*CSS3 multiple columns.*/ /* Get em size for colums: 184/16 */ .contents_columns { -moz-column-width: 16.5em; /* Firefox */ -webkit-column-width: 16.5em; /* webkit, Safari, Chrome */ column-width: 16.5em; } /*remove standard list and bullet formatting from ul*/ .contents_columns ul { margin: 0; padding: 0; list-style-type: none; } /* correct webkit/chrome uneven margin on the first column*/ .contents_columns ul li:first-child { margin-top:0px; } #video_contents_biology1 { font-size: .65em; width: 83.875%; /* 650/960 */ max-width: 960px; text-align: left; margin: 0px auto; /*auto centers the container */ padding: 1%; /* 25/650 */ border: 1px solid black; margin-top: 8px; } #video_contents_biology1 h3 { font-size: 20px; padding-bottom: 5px; } .talk_heading_biology1 { font-size: 14px; font-weight: bold; margin-left: 30px; text-indent: -25px; } .contents_columns_biology1 { -moz-column-width: 21em; /* Firefox */ -webkit-column-width: 21em; /* webkit, Safari, Chrome */ column-width: 21em; } .contents_columns_biology1 ul { margin: 0; padding: 0; list-style-type: none; padding-left: 10px; } .contents_columns_biology1 ul li:first-child { margin-top:0px; } .contents_columns_biology1 li { margin-left:40px; text-indent: -24px; } #video_contents_interviews { font-size: .65em; width: 73.875%; /* 650/960 */ max-width: 960px; text-align: left; margin: 0px auto; /*auto centers the container */ padding: 1%; /* 25/650 */ border: 1px solid black; margin-top: 8px; font-weight: bold; } #video_contents_interviews h3 { font-size: 20px; padding-bottom: 5px; } .contents_columns_interviews { -moz-column-width: 22em; /* Firefox */ -webkit-column-width: 22em; /* webkit, Safari, Chrome */ column-width: 22em; } .contents_columns_interviews ul { margin: 0; padding: 0; list-style-type: none; padding-left: 36px; } .contents_columns_interviews ul li:first-child { margin-top:0px; } .video_contents_note { font-size: 12px; text-align: center; max-width: 640px; margin: 0 auto; line-height: 130%; } #video_contents_qandas { font-size: .65em; width: 92.875%; /* 650/960 */ max-width: 960px; text-align: left; margin: 0px auto; /*auto centers the container */ padding: 1%; /* 25/650 */ border: 1px solid black; margin-top: 8px; } #video_contents_qandas h3 { font-size: 20px; padding-bottom: 5px; } .contents_columns_qandas { -moz-column-width: 21em; /* Firefox */ -webkit-column-width: 21em; /* webkit, Safari, Chrome */ column-width: 21em; } .contents_columns_qandas ul { margin: 0; padding: 0; list-style-type: none; padding-left: 36px; } .contents_columns_qandas li { margin-left: 12px; text-indent: -24px; } /*--The Transformation of humans video page---*/ .transformation_contents_ul li { width: 133px; float: left; } #video_contents_transformation { font-size: .65em; max-width: 750px; text-align: left; margin: 0px auto; /*auto centers the container */ padding: 1%; /* 25/650 */ border: 1px solid black; margin-top: 8px; } #video_contents_transformation h3 { font-size: 20px; padding-bottom: 5px; } .talk_heading_transformation { font-size: 14px; font-weight: bold; } .talk_heading_transformation2 { font-size: 14px; font-weight: bold; padding: 10px 0px; } .contents_columns_transformation ul { margin: 0; padding: 0; list-style-type: none; padding-left: 36px; } .contents_columns_transformation ul li:first-child { margin-top:0px; } .contents_columns_transformation li { margin-left:40px; text-indent: -36px; } .two_sections_transformation_contents { text-align: center; font-size: 13px; margin-top: -6px; margin-bottom: 10px; } .second_transformation_contents_heading { margin-top: 15px; } #solving_worlds_problems { padding-bottom: 10px; } #solving_worlds_problems { padding-bottom: 10px; } /*------ Promoting the WTM - Members Section (/members/promoting-the-wtm/) ------*/ .members_social_ul { list-style: none; max-width: 600px; margin:0 auto; text-align: center; padding-top: 10px; } .members_social_ul li { float:left; width:100px; } @media (max-width: 660px) { .members_social_ul { list-style: none; max-width: 280px; margin: 0 auto; text-align: center; padding-top: 10px; } .members_social_ul li { padding-top: 10px; width: 90px; } #members_social_pinterest { float: right; padding: 10px 30px 10px 0; } #members_social_amazon { padding-left:10px; } } .image_members_highlights { float: left; margin-right: 2%; } @media (max-width: 380px) { .image_members_highlights { float: none; } } #gform_fields_3 { list-style: none; } .book_container_for_margins { width: auto !important; } /* Global NON-HEADER CSS ################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################*/ body { -webkit-tap-highlight-color: rgba(0,0,0,0);/* stop the blue overlay on android */ -webkit-tap-highlight-color: transparent; } .fl-page { -webkit-text-size-adjust: 100%; } /*-- GLOBAL CLASSES USED ON MULTIPLE PAGES --*/ .top_banner_img { max-width: 100%; background-image: url("https://images.wtmfiles.com/WTM-sun-background-1400x440_WEB.jpg"); height: 0; padding-top: 20%; position: relative; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 20% 0; margin-top: 20px; } @media (max-width: 900px) { .top_banner_img { /*background-image: url("/images/WTM-internal-pages-slider-image_1400x333_WEB.jpg");*/ padding-top: 23.8%; } } @media (max-width: 450px) { .top_banner_img { /* background-image: url("/images/WTM-home-page-main-image_1400x678_WEB.jpg");*/ padding-top: 33.5%; } } .top_banner_img:before { position: absolute; top: 36%; bottom: 0; vertical-align: middle; left: 0; right: 0; text-align: center; font-family: Gibson-SemiBold, Gibson-Regular, arial, sans-serif; color: white; font-size: 40px; line-height: 140%; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1050px) { .top_banner_img:before { font-size: 37px; } } @media (max-width: 930px) { .top_banner_img:before { top: 32%; } } @media (max-width: 850px) { .top_banner_img:before { font-size: 35px; top: 29%; } } @media (max-width: 730px) { .top_banner_img:before { font-size: 32px; top: 26%; } } @media (max-width: 630px) { .top_banner_img:before { font-size: 29px; top: 22%; } } @media (max-width: 450px) { .top_banner_img:before { top: 31%; line-height: 130%; font-size: 25px; } } @media (max-width: 374px) { .top_banner_img:before { font-size: 21px; } } .top_banner_text { position: absolute; top: 36%; bottom: 0; vertical-align: middle; left: 0; right: 0; text-align: center; font-family: Gibson-SemiBold; color: white; font-size: 40px; line-height: 120%; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1050px) { .top_banner_text { font-size: 37px; } } @media (max-width: 930px) { .top_banner_text { top: 32%; } } @media (max-width: 850px) { .top_banner_text { font-size: 35px; top: 29%; } } @media (max-width: 730px) { .top_banner_text { font-size: 32px; top: 26%; } } @media (max-width: 630px) { .top_banner_text { font-size: 29px; top: 22%; } } @media (max-width: 450px) { .top_banner_text { top: 31%; line-height: 130%; font-size: 25px; } } @media (max-width: 374px) { .top_banner_text { font-size: 21px; } } /* -- Global CSS for 'below the fold' content --*/ #wtm-email-slider { position: relative; max-height: 420px; } @media (max-width: 768px) { #wtm-email-slider { max-height: 436px; } } #wtm-email-slider a:hover { text-decoration: none; } .firefox-browser #wtm-email-slider .glider { scrollbar-width: none; } #wtm-email-slider .glider-slide { padding: 0 5px 0 0; min-width: 125px; } .essay-glider-next { font-size: 75px; color: red; border: none; position: absolute; right: -32px; top: 192px; background: 0,0,0,0,0; z-index: 1; cursor: pointer; } @media (max-width: 768px) { .essay-glider-next { font-size: 60px; top: 201px; right: -26px; } } @media (max-width: 700px) { .essay-glider-next { right: -18px; } } .essay-glider-prev { font-size: 75px; color: red; border: none; position: absolute; left: -32px; top: 192px; background: 0,0,0,0,0; z-index: 1; cursor: pointer; } @media (max-width: 768px) { .essay-glider-prev { font-size: 60px; top: 201px; left: -26px; } } @media (max-width: 700px) { .essay-glider-prev { left: -18px; } } .essay-glider-next:focus, .essay-glider-prev:focus { outline:0; } #slide-numbers { text-align: center; font-family: Gibson-SemiBold; } #slide-numbers span { cursor: pointer; } #slide-numbers i { font-size: 12px; position: relative; top: -1px; padding: 0 6px; } @media (max-width: 374px) { #slide-numbers { font-size: 15px; } #slide-numbers i { font-size: 9px; top: -2px; padding: 0 5px; } } #wtm-email-slider .wtm_email_slide_text { background: #fff; border: 1px solid #2d2d2d; color: red; padding: 6px 4px; font-size: 26px; position: absolute; right: 0; z-index: 1; top: 209px; cursor: pointer; font-family: Gibson-SemiBold; line-height: 36px; height: 45px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; -webkit-text-size-adjust: 100%; } @media (max-width: 768px) { #wtm-email-slider .wtm_email_slide_text { right: 0; font-size: 24px; top: 212px; line-height: 30px; height: 40px; } } @media (max-width: 700px) { #wtm-email-slider .wtm_email_slide_text { right: 5px; } } #wtm-email-slider .wtm_emails_thumbnail_img img { display: inline; } .lets-go-slider { margin-left: -2px; font-size: 12px; } .lets-go-slider i { font-size: 11px; margin-right: 1px; } /* -- curley Braces for home page --*/ #wtm-email-slider .glider-slide { padding-top: 60px; } .curly-braces { height: 30px; position: absolute; top: 30px; padding: 0; } #interview-slider .curly-braces { top: 29px; } .curly-braces img { height: 30px; } .braces-words { position: absolute; left: 0; right: 0; top: -27px; font-size: 16px; font-family: Gibson-SemiBold; color: #ff7200; } .braces-words.two-lines { line-height: 100%; top: -31px; } /*-- Mailing List Global Popup --*/ #subscribe_pop { border: 2px solid #ff7200; padding: 10px 15px 20px 15px; border-radius: 3px; max-width: 330px; } #subscribe_pop .global_h3 { margin: 8px auto 4px auto; font-size: 25px; line-height: 110%; max-width: 230px; } #subscribe_pop .subscribe_sub { text-align: center; line-height: 120%; max-width: 275px; margin: 0 auto 6px auto; font-size: 16px; } /*-- Subscriber popup form --*/ #gform_fields_30 { list-style: none; } #gform_fields_30 input { border: 1px solid #ff7200; font-size: 16px; width: 100%; height: 30px; padding-left: 5px; } #field_30_10 span { display: inline-block; width: 49%; } #field_30_10 span:nth-child(1) { margin-right: 2%; width: 48%; } @media (max-width: 400px) { #field_30_10 span:nth-child(1) { margin-right: 4%; width: 46%; } } @media (max-width: 355px) { #field_30_10 span:nth-child(1) { margin-right: 4%; width: 45.5%; } } #field_30_2 { margin-top: 3px; } #field_30_17 input { width: 14px; height: 14px; } #field_30_17 ul { list-style: none; } #field_30_17 label { font-size: 14px; } #field_30_17 label a { font-size: 13px; color: #2d2d2d; font-family: 'gibson-semibold'; } #subscribe_pop .validation_error, #subscribe_pop .validation_message { color: red; font-size: 13px; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 130%; } #field_30_10 label, #subscribe_pop .gform_title, li#field_30_2 label, #field_30_17 > label { display: none; } #subscribe_pop #input_30_2 { margin-bottom: 4px; } #subscribe_pop .gform_footer { text-align: center; } #subscribe_pop #gform_submit_button_30 { background-color: #ff7200; color: #fff; border: 0; font-size: 14px; padding: 7px 12px 4px; max-width: 150px; margin: 10px auto 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: 1px 2px 4px 0px #6a6969; font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*-- Mailing List Global Popup #subscribe_pop { border: 4px solid #d2d2d2; padding: 10px 15px 30px 15px; border-radius: 3px; width: 330px; } @media (max-width: 450px) { #subscribe_pop { max-width: 250px; padding: 10px 5px 30px 5px; } } @media (max-width: 360px) { #subscribe_pop { max-width: 230px; padding: 10px 5px 30px 5px; } } #subscribe_pop .global_h3 { max-width: 224px; margin: 8px auto 4px auto; } #subscribe_pop .subscribe_sub { font-family: Gibson-Regular; text-align: center; line-height: 130%; font-size: 16px; max-width: 300px; margin: 0 auto 15px auto; } @media (max-width: 450px) { #subscribe_pop .subscribe_sub { font-size: 15px; } } #subscribe_pop .privacy_policy { position: absolute; left: 10px; bottom: 5px; font-family: Gibson-Regular; font-size: 12px; } .mailing_list_fixed { background-color: #ff7200; color: white; position: fixed; bottom: 0; right: 187px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 100000; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; height: 30px; vertical-align: middle; line-height: 30px; width: 100px; text-align: center; } body.mobile-device .mailing_list_fixed { background-color: #ff7200; color: white; position: fixed; bottom: 0; right: 155px; border-radius: 5px; z-index: 100000; font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: bold; height: 35px; vertical-align: middle; line-height: 32px; width: 125px; text-align: center; } @media (max-width: 600px) { .mailing_list_fixed, body.mobile-device .mailing_list_fixed { right: 3px; font-size: 12px; line-height: 22px; height: 25px; width: 96px; } } .mailing_list_fixed a { color: white; } .mailing_list_fixed a:hover { text-decoration: none; } .mailing_list_fixed i { margin-right: 4px; font-weight: bold; } /* #subscribe_pop .validation_error, #subscribe_pop .validation_message { color: red; font-size: 13px; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 130%; } #field_30_10 .gfield_required, #field_30_10 label { display: none; } #subscribe_pop #input_30_2 { margin-bottom: 4px; } #subscribe_pop #gform_submit_button_30 { background-color: #ff7200; color: #fff; border: 0; font-size: 14px; padding: 7px 12px 4px; max-width: 150px; margin: 10px auto 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: 1px 2px 4px 0px #6a6969; font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ /*--WTM Emails (on homepage and /freedom-essays/) --*/ .freedom-essays-text { text-align: center; } .wtm_emails_slide_wrapper, .wtm_emails_full_wrapper { position: relative; } .wtm_emails_full_wrapper a:hover { text-decoration: none; } .wtm_email_subHead { padding-bottom: 0; } .global_p_centred.wtm-essay-note { padding: 10px 0 0; } .global_p_centred.wtm-essay-top4 { font-family: Gibson-SemiBold; background-image: linear-gradient(rgb(253,255,90) 2%,rgb(253,255,90),rgb(253,255,90) 100%); box-shadow: 0 0 10px 13px #fdff5a; background-color: #fdff5a; max-width: 720px; margin: 12px auto 13px; line-height: 0; padding: 2px 0 0; border-radius: 20px; font-size: 16px; } @media (max-width: 860px) { .global_p_centred.wtm-essay-top4 { box-shadow: 0 0 10px 5px rgb(253, 255, 90); max-width: 370px; margin: 3px auto 0; line-height: 125%; padding: 2px 0 0; border-radius: 20px; font-size: 15px; } } @media (max-width: 385px) { .global_p_centred.wtm-essay-top4 { max-width: 285px; } } .global_p_centred.wtm-essay-top4-sub { font-family: Gibson-SemiBold; background-image: linear-gradient(rgb(253,255,90) 2%,rgb(253,255,90),rgb(253,255,90) 100%); box-shadow: 0 0 5px 12px #fdff5a; background-color: #fdff5a; margin: 5px auto 18px; line-height: 0; padding: 2px 0 0; border-radius: 20px; font-size: 16px; display: inline-block; } @media (max-width: 860px) { .global_p_centred.wtm-essay-top4-sub { font-size: 15px } } #wtm_email_ins_slider_container, #wtm_emails_expl_slider_container { width: 100%; height: 100%; position: absolute; left: 0; right: 0; overflow-y: hidden; } #wtm_email_ins_slider, #wtm_emails_expl_slider { position: absolute; left: 0; width: 4770px; } #wtm_email_ins_slider { width: 3050px; } #wtm_email_slide_left { position: absolute; left: -36px; top: -39px; cursor: pointer; } @media (max-width: 768px) { #wtm_email_slide_left { left: -20px; } } #wtm_email_slide_right { position: absolute; right: -36px; top: -39px; cursor: pointer; } @media (max-width: 768px) { #wtm_email_slide_right { right: -20px; } } @media (max-width: 700px) { #wtm_email_slide_right { top: -42px; } } .wtm_email_ins_slider, .wtm_emails_expl_slider { height: 362px; position: relative; } #wtm_emails_expl_slider li { display: inline-block; width: 118px; vertical-align: top; } .exp_box, .ins_box { border: 1px solid #333; padding: 4px 2px 0 2px; font-size: 10px; text-align: center; height: 171px; white-space: normal; position: relative; } .exp_box { margin-bottom: 4px; } .wtm_emails_thumbnail_no { font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FF7200; font-size: 19px; text-align: center; } .wtm_emails_thumbnail_no a { color: #ff7200; } .wtm_emails_thumbnail_description { font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13.2px; line-height: 110%; text-align: center; margin: 0 2px; } @media (max-width: 1100px) { .wtm_emails_thumbnail_description { font-size: 12.5px; } } .wtm_emails_thumbnail_description a { color: #2d2d2d; } .wtm_emails_thumbnail_img { position: absolute; bottom: 2px; left: 0; right: 0; font-size: 0; } .wtm_emails_thumbnail_img img { width: 112px; height: 90px; } .wtm_email_slide_arrows { font-size: 18px; letter-spacing: .5px; position: absolute; top: 151px; width: 100%; z-index: 99; } .wtm_email_slide_arrow_expl i, .wtm_email_slide_arrow_ins i { font-size: 50px; vertical-align: middle; position: relative; top: -5px; line-height: 37px; cursor: pointer; color: #4e4e4e; } .arrow_bigger_expl i, .arrow_bigger_ins i { font-size: 117px; color: red; } #wtm-email-samples ul li a { text-decoration: none; } .wtm_email_slide_text { float: right; background: white; border: 1px solid #2d2d2d; color: red; padding: 2px 4px 2px 4px; font-weight: 600; font-size: 30px; position: relative; right: -7px; } @media (max-width: 768px) { .wtm_email_slide_text { right: 8px; } } @media (max-width: 700px) { .wtm_email_slide_text { font-size: 24px; } } .email_type { font-size: 9px; } .expl_note, .ins_note { position: absolute; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); left: -76px; top: 72px; font-size: 13px; width: 130px; } @media (max-width: 700px) { .expl_note, .ins_note { left: -73px; } } .ins_note { top: 262px; } .expl_note span, .ins_note span { font-weight: bold; } @media (max-width: 500px) { .email_comparison_chart { text-align: center; margin-top: 8px; } } @media (max-width: 500px) { .email_comparison_chart li { text-align: left; } } .email_note_home { font-size: 90%; padding-top: 1px; } .affirmations-spacer p { margin-top: 25px; font-family: Gibson-SemiBold; font-size: 15px; } .affirmations-spacer .exp_box { height: 150px; margin-top: 21px; } .affirmations-spacer .ins_box { height: 150px; margin-bottom: 21px; } .emails_yellow_li .ins_box, .emails_yellow_li .exp_box { background: rgba(255, 247, 0, 0.55); } .emails_yellow_li .wtm_emails_thumbnail_description { margin-top: 15px; } .affirmation-end-note { border: 1px solid black; padding: 2px 3px; background: rgba(255, 247, 0, 0.55); margin-top: 15px; } .affirmation-end-note .global_p_centred { font-size: 15px; } /*-- WTM Centres on the homepage & The WTM page --*/ #wtm-centres-placeholder { min-height: 245px; } @media (max-width: 360px) { #wtm-centres-placeholder { min-height: 270px; } } @media (max-width: 768px) { #wtm-centre-websites .glider { margin: 0 10px; } } #wtm-centre-websites .glider { scrollbar-width: none; } #wtmCentres-slider .glider-slide { text-align: center; padding-top: 20px; } @media(max-width: 400px) { #wtmCentres-slider .glider-slide { margin-right: 0; min-width: 135px; } } #wtmCentres-slider img { height: 150px; display: inline; border: 1px solid #d2d2d2; } #wtmCentres-slider p { line-height: 11px; margin-top: 5px; text-align: center; } #wtmCentres-slider p a { font-size: 14px; font-family: Gibson-SemiBold; color: #2d2d2d; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #moreF-slider a:hover { text-decoration: none; } @media (max-width: 360px) { .wtm-centres-sub-p { margin: 15px auto 0; max-width: 190px; } } .first-centre { position: relative; max-width: 150px; margin: 0 auto; } .first-centre span { font-size: 16px; font-family: Gibson-SemiBold; position: absolute; top: -30px; left: 0; color: #ff7200; } .first-centre i { font-size: 12px; margin-left: 10px; } /* .centre-area-placeholder { background: rgba(255, 247, 0, 0.55); height: 100%; border: 1px solid #d2d2d2; margin: 0 10px; height: 150px; padding-top: 20px; } #wtmCentres-slider .centre-area-placeholder p { font-family: Gibson-SemiBold; font-size: 15px; padding: 0; } #wtmCentres-slider .centre-area-placeholder .area { margin: 10px 0 8px; } #wtmCentres-slider .centre-area-placeholder .arrow { margin-top: 20px; } */ .centres-scrollTo p { font-size: 15px; font-family: Gibson-SemiBold; color: #ff7200; padding-top: 8px; } .centres-scrollTo span { cursor: pointer; } .centres-scrollTo i { font-size: 12px; margin: 0 4px; } #wtm-centre-websites .wtm-centres-sub-p { padding-top: 0; } /*-- WTM centres Map in slider and popup --*/ #wtm-centres-map { border: 1px solid #d2d2d2; padding: 5px 5px 0; text-align: left; } #wtm-centres-map h4 { margin: 3px 0; } #wtm-centres-map img { width: 100%; } .centres-ul-wrapper { max-width: 775px; margin: 0 auto; } @media (max-width: 900px) { .centres-ul-wrapper { max-width: 515px; } } @media (max-width: 650px) { .centres-ul-wrapper { max-width: 260px; } } #wtm-centres-map ul { display: inline-block; width: 255px; vertical-align: top; margin: 0 0 10px 0; text-align: left; } @media (max-width: 374px) { #wtm-centres-map ul { width: 100%; } } #wtm-centres-map ul li { margin: 0 0 5px 20px; font-size: 17px; } @media (max-width: 600px) { #wtm-centres-map ul li { margin: 0 0 10px 20px; font-size: 17px; } } #wtm-centres-map ul li:nth-child(1) { list-style: none; } #wtm-centres-map .area-heading { color: #ff7200; font-family: Gibson-SemiBold; padding: 5px 0 0; text-align: left; cursor: pointer; } #wtm-centres-map ul .country-title { margin: 15px 0 5px 20px; list-style: none; } .country-title { font-size: 15px; } #wtmCentres-slider p.all-centres-text { line-height: 100%; margin-top: 0px; } #wtmCentres-slider p.all-centres-text a { color: #ff7200; font-size: 16px; } .centre-under-construction { border: 1px solid #d2d2d2; height: 150px; width: 90%; margin: 0 auto 10px; max-width: 150px; } @media (max-width: 400px) { .centre-under-construction { max-width: 95%; } } #wtmCentres-slider .centre-under-construction p { line-height: 120%; font-size: 15px; padding: 10px 4px 8px; } #wtmCentres-slider .global_p_centred.domain { font-size: 14px; padding: 0; margin-top: 12px; line-height: 14px; } #wtmCentres-slider .centre-under-construction p.construction { padding: 0; font-family: Gibson-SemiBold; font-size: 14px; } .no-mobile-device .top_playlist_heading { pointer-events: all !important; cursor: pointer; } /*-- ############################ START OF VIDEO PLAYLIST CSS ################################ --*/ /* OVERLAY FOR VIDEO POPUPS */ .overlay .mlvp-list-container, .overlay .mlvp-arrows, .fa-close.close-overlay { display: none !important; } .overlay.is-active .mlvp-list-container, .overlay.is-active .mlvp-arrows, body.is-overlayed .fa-close.close-overlay { display: block !important; } .player-container { width: 100%; min-width: 200px; } .overlay { cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .overlay .close,.overlay.is-fullscreen .close { display:none; position:absolute; top:0; right:-4em; margin:3px; color:#eee !important; font-weight:bold; cursor:pointer } .overlay .is-splash .fp-ui { -webkit-background-size:25%; -moz-background-size:25%; background-size:25% } .overlay.is-active { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; z-index:100; background-color:rgba(0,0,0,0.6); background:-webkit-radial-gradient(50% 50%,ellipse closest-corner,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%); background:-moz-radial-gradient(50% 50%,ellipse closest-corner,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%); background:-ms-radial-gradient(50% 50%,ellipse closest-corner,rgba(0,0,0,0.8) 1%,rgba(0,0,0,0.8) 100%); cursor:default; } /*--- ClOSE Button for Overlay ---*/ i.close-overlay.fa.fa-close { position: absolute; top: -17px; right: -20px; font-size: 14px; color: #000; z-index: 999; border-radius: 19px; background: #dcd7d4; height: 20px; width: 20px; line-height: 20px; box-sizing: unset; } .overlay.is-active .close { display:block; } .overlay.is-active .close:hover { text-decoration:underline; } #overlay1 { background-position:-1px -1px; } body.is-overlayed { overflow:hidden; } /*--- Container of Player with Playlist ---*/ .is-active .player-playlist_container { max-width: 1200px; margin: 0 auto; width: 90%; position: relative; top: 51%; transform: translateY(-50%); } @media (max-height: 900px) { .is-active .player-playlist_container { max-width: 1100px; } } @media (max-height: 850px) { .is-active .player-playlist_container { max-width: 1000px; } } @media (max-height: 800px) { .is-active .player-playlist_container { max-width: 900px; } } @media (max-height: 750px) { .is-active .player-playlist_container { max-width: 820px; } } @media (max-height: 700px) { .is-active .player-playlist_container { max-width: 750px; } } @media (max-height: 650px) { .is-active .player-playlist_container { max-width: 630px; } } @media (max-height: 600px) { .is-active .player-playlist_container { max-width: 600px; } } @media (max-height: 550px) { .is-active .player-playlist_container { max-width: 550px; top: 55%; } } @media (max-height: 500px) { .is-active .player-playlist_container { max-width: 450px; } } @media (max-height: 450px) { .is-active .player-playlist_container { max-width: 400px; top: 62%; } } .playlist-wrapper .essay-see-top { color: #ff7200; padding: 0; font-size: 13px; font-family: Gibson-SemiBold; } /*-- Playlist alternate thumbnail overlay -- */ .playlist-overlay-image { position: absolute; z-index: 2; text-align: center; pointer-events: none; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .playlist-overlay-image img { top: 33%; position: absolute; left: 0; right: 0; text-align: center; max-width: 95px; margin: 0 auto; } .playlist-uninitialized .playlist-overlay-image, .playlist-uninitialized .global_conference_attendees_img { display: none !important; } .no-mobile-device .playlist-overlay-image { pointer-events: all !important; cursor: pointer; } /* COLORS */ .vid-item:hover .desc { color: #FF8600; /* <-- hover state color of titles */ } .no_overlay .vid-item .desc:hover { color: #FF8600; } .current-vid { color: #FF8600 !important; /* <-- color of title for currently selected video */ } /* color of playlist arrows */ .mlvp-arrow-left, .mlvp-arrow-right { color: white; } .youtube_img_play { width: 15%; position: absolute; top: 38%; left: 44%; } /* color of playlist arrows when no overlay */ .no_overlay .vid-item .desc { color: #333333; font-weight: bold; text-align: center; } .no_overlay .video-duration { color: #333333; } .no_overlay .video-number { color: #333333; } .no_overlay .mlvp-arrow-left, .no_overlay .mlvp-arrow-right { color: #333333; } /* hover color of playlist arrows */ .mlvp-arrow-left:hover, .mlvp-arrow-right:hover { color: #FF8600; } .ui-body{ border: none !important; } .ui-page-active { outline:none !important; } /*-- VIDEO CONTAINER -- */ .mlvp-container { position: relative; padding-bottom: 56.25%; height: 0; } .no_overlay .mlvp-container { position: relative; padding-bottom: 56.25%; height: 0; border: 1px solid #d2d2d2; z-index: 3; } @media (max-width: 667px) { .playlist-uninitialized .no_overlay .mlvp-container { z-index: 5; } } .mlvp-container iframe, .mlvp-container object, .mlvp-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* VIDEOS PLAYLIST */ .mlvp_playlist_container { max-width:1200px; margin: 0 auto; } .mlvp-list-container { overflow: scroll; margin-left:37px; margin-right:38px; padding-bottom: 20px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin-top: 8px; position: relative; min-height: 140px; -ms-overflow-style: none; } @media (max-width: 400px) { .mlvp-list-container { overflow: scroll; margin-left:22px !important; margin-right:22px !important; } } .mlvp-list-container::-webkit-scrollbar { height: 0; width: 0; } .firefox-browser .mlvp-list-container { scrollbar-width: none; } .mlvp-list { /*width: 3192px;*/ position: relative; top:0; left: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .vid-item { display: block; width: 148px; float: left; margin: 16px 8px 8px 8px; padding: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; position: relative; } @media (max-width: 400px) { .vid-item { width: 142px; margin: 16px 2px 8px 2px; } } @media (max-height: 400px) { .vid-item { width:125px; } } .thumb { overflow:hidden; height: 76px; border: 2px solid #969696; border-radius: 3px; } @media (max-height: 400px) { .thumb { height: 66px; } } .thumb img { width: 100%; position: relative; top: -15px; } .thumb:after { background-image: url(https://images.wtmfiles.com/Play-button-img-white_20x20_WEB.png); content: ''; height: 20px; width: 20px; position: absolute; top: 54px; right: 6px; } span.video-number { position: absolute; z-index: 3; font-size: 11px; top: -15px; color: white; } span.video-duration { position: absolute; z-index: 3; top: -15px; color: white; right: 3px; font-size: 11px; } .video-duration:after { content: " min" } .vid-item .desc { font-size: 12px; margin-top:4px; color: white; line-height: 120%; } .vid-item:hover { cursor: pointer; } .vid-item.current-video > .thumb { border: 4px solid gold; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-splash .fp-playlist { display: none; } @media (min-width:500px) { .freedom_prosen_br { display:none; } } .overlay_text_below { position: absolute; bottom: 0; text-align: center; left: 0; right: 0; background: white; border-radius: 3px; font-weight: 600; font-size: 14px; color: black; } /* SLIDER ARROWS */ .mlvp-arrows { position:relative; width: 100%; top: 47px; max-width: 1300px; margin: 0 auto; } .mlvp-arrow-left { position: absolute; padding: 0; left: 0; top: -3px; z-index: 3; cursor: pointer; } .mlvp-arrow-right { position: absolute; padding: 0; right: 0; top: -3px; z-index: 3; cursor: pointer; } .video_caption { color: white; } .video_caption a { background: white; padding: 0 4px; border-radius: 5px; font-weight: 600; } .demo-icon { display: inline-block; text-align: center; line-height: 1em; font-size: 32px; font-weight: bold; } .single-video-player-no-overlay iframe { width: 100%; } .single-yt-video { position: relative; } .single-yt-video[data-overlay] .video-thumb { position: absolute; } .single-yt-video[data-overlay] .youtube_img_play { z-index: 1; } .single-yt-video[data-overlay] .thumb-container { position: static; } /*-- Print/Download for the top video playlist transcripts and downloads --*/ .print_download_videos { position: absolute; top: -20px; font-size: 14px; margin-left: 3px; } .print_download_videos a { color: #2d2d2d; font-family: Gibson-SemiBold; font-size: 12.5px; } .print_dl_in_pop .alternate_LG_link a, .print_dl_in_pop a, .print_dl_in_pop .transcript_videos_a a, .print_dl_in_pop .alternate_LG_link span { color: #ff7200; } .print_download_videos span { margin: 0 2px; } .player-container { position: relative; } .single-yt-video > .print_download_videos { display: none; } .single-yt-video[data-overlay] > .print_download_videos { display: block; } .video-player-transcript-popup, .video-player-download-popup { z-index: 15; position: absolute; left: -3px; background: white; width: 280px; border: 3px solid #ff7200; padding: 5px 15px 10px 15px; margin-top: 2px; max-height: 375px; overflow-y: scroll; overflow-x: hidden; z-index: 999; } @media (max-width: 700px) { .video-player-transcript-popup, .video-player-download-popup { max-height: 285px; } } @media (max-width: 350px) { .video-player-transcript-popup, .video-player-download-popup { width: 250px; } } .video-player-transcript-popup p, .video-player-download-popup p, #intro_vids_slider .video-player-download-popup, #intro_vids_slider .video-player-download-popup .global_download_pop_p { font-size: 13px; padding: 5px 0 2px 0; text-align: left; line-height: 124%; font-family: Gibson-SemiBold; } .video-player-transcript-popup li, .video-player-download-popup li { font-size: 13.5px; margin: 6px 0px; text-align: left; } .video-player-transcript-popup ul, .video-player-download-popup ul { margin: 7px 0 0 10px; font-family: Gibson-Regular; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; } .video-player-download-popup .global_download_ul li, #intro_vids_slider .video-player-download-popup .global_download_ul li { margin: 8px 8px 8px 0; list-style: disc; width: 100%; text-align: left; font-size: 13px; display: list-item; } .alternate_LG_link { display: inline; } @media (max-width: 780px) { .bklt_brackets { font-size: 13px; } } @media (max-width: 760px) { .bklt_brackets { font-size: 11px; } } @media (max-width: 715px) { .bklt_brackets { font-size: 10.5px; } } @media (max-width: 700px) { .bklt_brackets { font-size: 13px; } } @media (max-width: 550px) { .bklt_brackets { font-size: 10px; } } @media (max-width: 480px) { .bklt_brackets { display: none; } } /*Print/transcript/download video stuff */ #transcript_pop_vids, #download_pop_vids { z-index: 5; position: absolute; left: 0; background: white; width: 330px; border: 1px solid #d2d2d2; padding: 10px 15px; margin-top: 2px; } #transcript_pop_vids p, #download_pop_vids p { color: rgba(255,94,2,1); font-weight: 600; text-align: center; font-size: 14px; max-width: 250px; margin: 0 auto; } #download_pop_vids p { max-width: 225px; } #transcript_pop_vids ul, #download_pop_vids ul { margin: 7px 0 0 15px; } #transcript_pop_vids li, #download_pop_vids li { font-size: 12px; margin: 4px 0px; } .video-dl-h { margin: 8px 5px 5px 5px; font-size: 17px; line-height: 125%; } /*-- ############################ END OF VIDEO PLAYLIST CSS ################################ --*/ /*-- ########################### Podcast Player ########################### */ /* -- Podcast Player --*/ .wtm-audio-player-container { max-width: 600px; margin: 12px auto 10px; padding: 0 20px; border: 1px solid #333333; position: relative; background: rgba(255,247,0,.24); } @media (max-width: 450px) { .wtm-audio-player-container { padding: 0 4px; } } .wtm-audio-player-container i { position: absolute; right: 2px; top: 0px; cursor: pointer; } .wtm-audio-player-container .podcast_p { margin: 11px 0 3px; color: #333333; font-family: Gibson-SemiBold; font-size: 16px; } .audioplayer { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; box-sizing: border-box; margin: 0; padding: 0 15px 10px; width: 100%; height: 50px; -webkit-align-items: center; align-items: center; border-radius: 4px; position: relative; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } @media (max-width: 550px) { .audioplayer { padding: 0; } } .audioplayer-playpause { position: relative; width: 40px; height: 40px; text-align: center; } .audioplayer-playpause:hover a:before, .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover, .audioplayer-playing .audioplayer-playpause:hover a:before { color: #ff8c2f; text-decoration: none; } .audioplayer-playpause a:before { content: "\f144"; font-family: 'Font Awesome 5 Free'; left: 0; right: 0; position: absolute; font-size: 40px; color: #ff7200; } .audioplayer-playing .audioplayer-playpause a::before { content: "\f28b"; font-family: 'Font Awesome 5 Free'; left: 0; right: 0; position: absolute; font-size: 40px; color: #ff7200; } .audioplayer-time { display: -webkit-flex; display: flex; width: 40px; -webkit-justify-content: center; justify-content: center; font-size: 12px; color: rgba(51, 51 ,51, .6) } .audioplayer-time-current { margin-left: 10px; } @media (max-width: 450px) { .audioplayer-time-current { margin-left: 0px; } } .audioplayer-time-duration { margin-right: 10px; } @media (max-width: 450px) { .audioplayer-time-duration { margin-right: 2px; } } .audioplayer-bar { position: relative; display: -webkit-flex; display: flex; margin: 0 12px; height: 12px; -webkit-flex-basis: 0; flex-basis: 0; -webkit-flex-grow: 1; flex-grow: 1; cursor: pointer; } @media (max-width: 450px) { .audioplayer-bar { margin: 0 5px; } } .audioplayer-bar::before { content: ''; position: absolute; top: 5px; width: 100%; height: 2px; background-color: #DDE2E6; } .audioplayer-bar > div { position: absolute; left: 0; top: 5px; } .audioplayer-bar-loaded { z-index: 1; height: 2px; background: #BEC8D2; } .audioplayer-bar-played { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; z-index: 2; height: 2px; background: -webkit-linear-gradient(left,#0059FF,#09B1FA); } .audioplayer-bar-played::after { display: -webkit-flex; display: flex; position: absolute; content: ''; box-sizing: border-box; top: -5px; right: -1px; margin-right: -5px; width: 12px; height: 12px; background-color: #fff; border-radius: 6px; } .audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after { border: 2px solid #BEC8D2; } .audioplayer-playing .audioplayer-bar-played::after { border: 2px solid #0059FF; } .audioplayer-volume { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .audioplayer-volume-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 24px; height: 24px; cursor: pointer; } .audioplayer-volume-button a { display: -webkit-flex; display: flex; width: 6px; height: 8px; background-color: #9A9FB0; position: relative; } .audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; } .audioplayer-volume-button a:before { width: 0; height: 0; border-top: 8px solid transparent; border-right: 9px solid #9A9FB0; border-bottom: 8px solid transparent; border-left: none; top: -4px; } .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { left: 10px; top: -2px; width: 6px; height: 6px; border: 6px double #9A9FB0; border-width: 6px 6px 0 0; border-radius: 0 12px 0 0; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari 3-8 */ transform: rotate(45deg); } .audioplayer-mute .audioplayer-volume-button a { background-color: #FD4F1A; } .audioplayer-mute .audioplayer-volume-button a:before { border-right: 9px solid #FD4F1A; } .audioplayer-volume-adjust { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-left: 8px; } @media (max-width: 450px) { .audioplayer-volume-adjust { margin-left: 2px; } } .audioplayer-volume-adjust > div { position: relative; display: -webkit-flex; display: flex; width: 60px; height: 2px; cursor: pointer; background-color: #BEC8D2; } .audioplayer-volume-adjust div div { position: absolute; top: 0; left: 0; height: 2px; background-color: #0059FF; } .audioplayer-volume-adjust div div:after { display: -webkit-flex; display: flex; position: absolute; content: ''; box-sizing: border-box; top: -4px; right: -1px; width: 10px; height: 10px; background-color: #fff; border-radius: 6px; border: 2px solid #d2d2d2; } body.mobile-device .audioplayer-volume-adjust { display: none !important; } .wtm-audio-player-loading-note { position: absolute; text-align: center; font-family: Gibson-Regular; font-size: 10px; left: 0; right: 0; top: 0; } #dlPodcast a { font-size: 12px; } #dlPodcast { position: absolute; font-size: 12px; bottom: -19px; right: 0; padding: 0; } /*-- AudioPlayer on Publications pages --*/ #podcastPlayer.audio-player-download-pages { max-width: 450px; margin: 0; padding: 0 8px; } .audio-player-download-pages .audioplayer { padding: 6px 0; margin: 0; } #podcastPlayer.audio-player-download-pages .audioplayer-volume-adjust { display: none; } .audio-player-download-pages .audioplayer-time-current { margin-left: 6px; } .audio-player-download-pages .audioplayer-bar { margin: 0 10px 0 6px; } .audio-player-download-pages .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { top: 1px; left: 11px; } @media (max-width: 450px) { .audio-player-download-pages .audioplayer-volume-button { width: 15px; margin-left: 8px; } } /*-- END OF PODCAST PLAYER CSS --*/ /*-- SHARE AND PRINT POPS --*/ /*-- Share --*/ #a2apage_mini_services:before { content: "SHARE THIS PAGE VIA"; text-align: center; padding: 10px 0 10px 0; display: block; border-bottom: 1px solid #d2d2d2; font-weight: 600; font-size: 15px; margin-bottom: 5px; } #a2apage_dropdown.a2a_menu { border: 1px solid #909090; } /*-- Print --*/ .print_global_popup { border: 4px solid #d2d2d2; padding: 5px 20px 12px 20px; border-radius: 5px; } .print_global_popup .global_h3 { margin: 10px 0 3px; } .print_popup_p { padding: 0; } #global_print .print_popup_p { font-size: 16px; padding: 15px 0 0; font-family: Gibson-SemiBold; } #global_print .print_buttons_p { padding: 15px; } .print_buttons_p { padding: 20px 15px 15px 15px; } @media (max-width: 450px) { #global_print .print_buttons_p { padding: 20px 0 15px 0; margin: 0 -5px 0 -5px; } } .print_buttons_p .orSpan { margin: 0 5px; } .print_uslet_span, .print_a4_span { background: #ff7200; padding: 4px 12px 3px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; border: none; border-radius: 4px; box-shadow: 1px 2px 5px #7D7D7E; } .print_a4_span { padding: 4px 30px 3px; } @media (max-width: 374px) { .print_uslet_span { padding: 4px 6px 3px; } .print_a4_span { padding: 4px 25px 3px; } } .print_uslet_span a, .print_a4_span a { color: white; font-size: 14px; } @media (max-width: 400px) { .print_uslet_span a, .print_a4_span a { font-size: 13px; } } .print_help_p { font-size: 13px; } .global_p_centred.print_help_p a { font-size: 13px; } /*-- Essay Download --*/ .essay_download_pop { border: 4px solid #d2d2d2; padding: 0 20px 15px 20px; border-radius: 5px; } .essay_download_pop .h2_centred_underline { padding-bottom: 8px; padding-top: 10px; font-size: 17px; max-width: 300px; margin: 0 auto; margin-bottom: 15px; } .essay_download_pop h4 { text-align: left; font-size: 14px; } .essay_download_pop .print_buttons_p { padding: 8px 10px 30px 10px; text-align: center; } .essay_download_pop .print_buttons_p span:nth-child(2) { margin-right: 10px; } .essay_download_pop .print_help_p { padding: 0; } .print_download_essay_container p { font-size: 16x; margin-top: 6px; color: #FF7200; padding: 0; } .print_download_essay_container p span { margin: 0 4px; } .print_download_essay_container a:nth-child(1) { margin-right: 3px; } .print_download_essay_container a:nth-child(2) { margin-left: 3px; } .print_download_essay_container i { margin: 10px 5px 10px 0; font-size: 20px; } .top_p_download_pop { font-family: Gibson-SemiBold; font-size: 15px; padding: 20px 0 1px; } /*-- Book Print/Download --*/ .global_print_pop_book { border: 4px solid #d2d2d2; padding: 0 20px 15px 20px; border-radius: 5px; } #book_download_pop .global_h4 { max-width: 245px; margin: 8px auto 0; } #global_print .global_h4 { padding: 10px 0 5px; border-bottom: 1px solid #ffc08e; margin-bottom: 0; } #essay_download_pop .global_h4 { padding: 10px 0 5px; border-bottom: 1px solid #ffc08e; max-width: 250px; margin: 8px auto 0; } .global_print_pop_book .book_pd_para { margin-left: 20px; text-indent: -20px; padding: 4px 0 10px; text-align: left; font-size: 16px; } .global_print_pop_book .book_pd_help { font-size: 13px; padding: 6px 0 0; } .global_print_pop_book .book_pd_help a { font-size: 12px; } .global_print_pop_book .global_book_buttons { text-align: center; margin: 10px 0 20px 0; } .global_print_pop_book .book_pd_para a { text-decoration: underline; color: #ff7200; } .global_print_pop_book .print_uslet_span { margin-right: 4px; margin-left: 5px; } .global_print_pop_book .print_a4_span { margin-left: 4px; } .book_pop_options { font-size: 16px; font-family: Gibson-SemiBold; padding: 20px 0 0; } .print_download_essay_container { text-align: center; margin-top: 35px; } .print_download_essay_container a, .book_print_download_container a { color: #FF7200; } .book_print_download_container { text-align: center; } .book_print_download_container p { font-size: 15px; margin-top: 6px; color: #FF7200; position: relative; top: 10px; padding: 0; } @media (max-width: 600px) { .book_print_download_container p { font-size: 14px; top: 0px; } } @media (max-width: 450px) { .book_print_download_container p { font-size: 13px; } } .booK_download_a { margin: 0 5px; } .fancybox.eventWTM.book_buy_amazon i { margin-left: 0; } .book_container2 .open-print-popup-shortcut u { margin-right: 2px; } .book_print_download_container i { margin: 10px 5px 10px 0; font-size: 20px; } .book_container2 i { margin: 10px 3px 10px 4px; font-size: 20px; } @media (max-width: 600px) { .book_container2 i { font-size: 18px; } } @media (max-width: 450px) { .book_container2 i { font-size: 16px; } } .book_print_download_container p span { margin: 0 4px; } .book_container2 p span { margin: 0; } /*-- Download Book section --*/ #fancybox_download_pdf .top_p_download_pop { text-align: center; } #book_download_ebook_pdf_choice .top_p_download_pop { text-align: center; } #book_download_ebook_pdf_choice .body_centred { margin-top: 20px; font-size: 12px; } .book_download_pop { border: 4px solid #d2d2d2; padding: 0 20px 10px 20px; border-radius: 5px; } @media (max-width: 450px) { .book_download_pop { padding: 0 5px 10px 5px; } } @media (max-width: 321px) { .book_download_pop { padding: 0 2px 10px 2px; } } .book_download_pop .global_h4 { padding: 10px 0 5px; border-bottom: 1px solid #ffc08e; margin-bottom: 0; } .kindle_amazon_button i { margin: 0 2px 0 4px; position: relative; top: 1px; } #book_download_ebook_pdf_choice .kindle_ios_button { margin: 20px 0 10px 0; } #book_download_ebook_pdf_choice .or_span_download_book { margin: 0 5px; } .book_download_pop .print_buttons_p { padding: 8px 0 10px; text-align: center; } .book_download_pop .print_buttons_p a:hover { text-decoration: none; } #safari_note_pop .global_print_pop_book { border: none; padding: 0; border-radius: 5px; } /*-- eBooks --*/ .ebook_top_p { margin: 20px 0 0; font-family: Gibson-SemiBold; padding: 0; } .Kindle_pop_table { display: table; width: 100%; margin-bottom: 10px; } .kindle_pop_row { display: table-row; } .ebook_pop_cell { display: table-cell; width: 33.3%; text-align: center; padding-top: 20px; } .ebook_button { background: #ff7200; border-radius: 3px; color: white; padding: 7px 4px 3px; width: 106px; font-size: 13px; cursor: pointer; border: none; box-shadow: 1px 1px 4px 0px #9c9c9c; font-family: Gibson-SemiBold; } @media (max-width: 470px) { .ebook_button { width: 88px; font-size: 11.5px; padding: 7px 0px; } } @media (max-width: 321px) { .ebook_button { width: 77px; font-size: 11px; padding: 7px 0px; } } .button span { background: #ff7200; border-radius: 3px; color: white; padding: 6px 15px 4px; font-size: 14px; cursor: pointer; max-width: 120px; margin: 0 auto; box-shadow: 1px 1px 3px 0px #999999; } .button a:hover { text-decoration: none; } .button button { background: #F68D2D; border-radius: 3px; border-color: #bbbbbb; border-width: 1px; color: white; padding: 5px 20px; font-size: 13px; cursor: pointer; } .button { text-align: center; font-family: Gibson-SemiBold; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .book_back { position: absolute; left: 5px; font-size: 11px; } .book_back a { color: #2d2d2d; } .book_back { position: absolute; left: 5px; font-size: 11px; } .book_back a { color: #2d2d2d; } .ebook_pop_cell a:hover { text-decoration: none; } #freedom_download_ebook_generic .button, #download_ebook_generic_pop_tyl .button { margin-top: 10px; } #fancybox_download_ebook .ebook_top_p { font-weight: bold; font-size: 14px; margin-top: 24px; text-align: center; } #fancybox_download_ebook { padding-bottom: 0px; } #freedom_download_ebook_kindle .top_note, #freedom_download_ebook_ibook .top_note, #tyl_download_ebook_kindle .top_note, #tyl_download_ebook_ibook .top_note, .pop_download_kindle .top_note, #TYL_download_ebook_kindle .top_note { font-size: 13px; margin-top: 24px; padding: 0; font-family: Gibson-SemiBold; } #freedom_download_ebook_generic .top_note, #tyl_download_ebook_generic .top_note, #TYL_download_ebook_generic .top_note { font-size: 13px; font-family: Gibson-SemiBold; } .book_download_pop .select { font-size: 14px; padding: 10px 0 5px; } #fancybox_download_ebook .body_centred { margin: 20px 0 5px 0; font-size: 12px; } .button_or { font-size: 14px; padding: 4px 0; } .amazon_p { font-size: 13px; padding: 18px 0 5px 0; font-family: Gibson-SemiBold; } .help_troubleshoot_ibook { padding: 5px 0 0; } #freedom_download_ebook_kindle .help_troubleshoot_ibook, #tyl_download_ebook_kindle .help_troubleshoot_ibook { padding: 20px 0 0; } .help_troubleshoot_ibook a { font-size: 13px; } .ibook_p { font-size: 13px; font-family: Gibson-SemiBold; padding: 5px 0 0; } .ibook_p2 { font-size: 13px; padding: 2px 0 0; } #fancybox_download_pdf .print_buttons_p span { margin: 0 5px; } #TYL_available_soon p { font-weight: bold; font-size: 16px; margin-top: 10px; } .ebook-help { margin-top: 16px; padding: 0; } .ebook-help a { font-size: 14px; font-family: Gibson-Regular; } #tyl_download_ebook_ibook .select { font-size: 14px; padding: 13px 0 3px; } #RisingSun_download_ebook_generic .top_note, #LetsGo_download_ebook_generic .top_note, .pop_download_generic .top_note { margin: 0; padding: 15px 0 10px; } @media (max-width: 321px) { .pop_download_ibook .button span { font-size: 12px; padding: 6px 5px 4px; } } @media (max-width: 321px) { #freedom_download_ebook_ibook .button span { font-size: 13px; padding: 4px 3px; } } /*-- user referer field in forms --*/ .traffic-source-value { display: none; } /*-- END GLOBAL PRINT/ DOWNLOAD POP --*/ /*-- Subscriber form confirmation --*/ .subscriber-form-confirmation { text-align: center; border: 1px solid #d2d2d2; padding: 18px 5px 5px; max-width: 310px; margin: 0 auto; } .subscriber-form-confirmation .global_p_centred { padding: 4px 0; line-height: 128%; font-size: 15px; font-family: Gibson-SemiBold; } @media (max-width: 1000px) { .subscriber-form-confirmation { padding: 10px 5px 5px; max-width: 265px; } .subscriber-form-confirmation img { width: 25px; } .subscriber-form-confirmation .global_p_centred { padding: 2px 0; line-height: 128%; font-size: 14px; } } /*-- ############################ START FOOTER CSS ################################ --*/ .footer_gray_background { background: #2c2d2f; padding-bottom: 100px; } @media (max-width: 700px) { .footer_gray_background { padding-bottom: 50px; } } .footer_table1, .footer_table2 { display: table; max-width: 1100px; margin: 0 auto; width: 100%; } .footer_table2 { background: #2c2d2f; } .footer_table1_row, .footer_table2_row { display: table-row; } .footer_table1_cell1, .footer_table2_cell1 { display: table-cell; vertical-align: middle; padding: 30px 0; /*width: 71%;*/ padding-left: 15px; } @media (max-width: 700px) { .footer_table1_cell1, .footer_table2_cell1 { text-align: center; display: block; width: 100%; padding: 20px 0 0 0; } } .footer_table1_cell2, .footer_table2_cell2 { display: table-cell; vertical-align: middle; padding: 30px 0; width: 29%; text-align: right; padding-right: 15px; } @media (max-width: 930px) { .footer_table1_cell2, .footer_table2_cell2 { width: 38%; } } @media (max-width: 700px) { .footer_table1_cell2, .footer_table2_cell2 { text-align: center; display: block; width: 100%; padding: 20px 0 30px 0; } } /*-- Share stuff footer --*/ .share_print { font-family: Gibson-Regular; font-size: 12px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .share_print div { display: inline-block; } .share_print a { color: #131313; } .share_print i { margin-right: 6px; font-size: 30px; position: relative; top: 4px; } .print_icon_div { margin-left: 30px; } @media (max-width: 900px) { .print_icon_div { margin-left: 20px; } } /*-- black background stuff footer --*/ .footer_note { font-size: 12px; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 800px) { .footer_note { max-width: 410px; } } @media (max-width: 700px) { .footer_note { margin: 0 auto; padding: 0 20px; } } .footer_second { color: white; font-size: 12px; font-family: Gibson-Regular; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 800px) { .footer_second { max-width: 380px; } } @media (max-width: 700px) { .footer_second { margin: 0 auto; padding: 0 20px; } } .footer_second a { color: white; font-family: Gibson-SemiBold; } .footer_second span { margin: 0 5px; } .footer_third li { display: inline-block; position: relative; margin: 0 2px; } .footer_third img { max-width: 25px; } .footer_third a { color: #2d2d2d; } .footer_third i { background: #f1efef; text-align: center; border-radius: 25px; font-size: 20px; height: 30px; width: 31px; vertical-align: middle; line-height: 30px; padding: 0 0 0px 1px; } /* #footer_blog_icon { background: white; color: #2c2d2f; border-radius: 15px; font-size: 8.4px; font-family: Gibson-SemiBold; height: 30px; width: 30px; line-height: 30px; text-align: center; } */ #google_remarketing iframe { position: absolute; height: 0; } /*-- Membership login popup in footer --*/ #member-global-login-pop { border: 2px solid #d2d2d2; border-radius: 3px; padding: 10px 20px 0; } #member-global-login-pop .global_h3 { font-size: 22px; border-bottom: 1px solid #ff72006e; padding: 0 0 7px; } #member-global-login-pop .lost_password_p { margin-top: 20px; font-size: 12px; } #member-global-login-pop .lost_password_p a { color: #333333; font-family: Gibson-Regular, sans-serif; } #member-global-login-pop #forum_bc_div_pop { text-align: center; padding: 20px 20px 20px 20px; font-weight: bold; border: 4px solid #d2d2d2; border-radius: 3px; line-height: 175%; } #member-global-login-pop h4 { text-align: center; font-size: 21px; border-bottom: 1px solid #ff7200; color: #ff7200; padding-bottom: 5px; margin-bottom: 15px; } #member-global-login-pop label { font-size: 13px; line-height: 100%; font-family: Gibson-Regular, sans-serif; } #member-global-login-pop .login-username input, #member-global-login-pop .login-password input { width: 100%; height: 25px; margin-bottom: 5px; text-indent: 10px; } #member-global-login-pop .login-submit { text-align: center; } #member-global-login-pop .login-submit input { background: #ff7200; color: #fff; border-radius: 3px; font-size: 15px; border: 0; padding: 5px 40px; margin-top: 8px; cursor: pointer; box-shadow: 1px 2px 4px 0px #9c9c9c; } #member-global-login-pop .global_p_centred a { font-size: 13px; font-family: Gibson-Regular; padding: 10px 0 0; } #member-global-login-pop .global_p_centred.loginNote { font-size: 14px; padding: 2px 4px; line-height: 130%; } #member-global-login-pop .global_p_centred.loginNote a { font-family: Gibson-SemiBold; } /*-- end membership global popup form css --*/ #login-choice{ border: 4px solid #d2d2d2; padding: 5px 10px 12px 10px; border-radius: 5px; } #login-choice .question { font-family: Gibson-SemiBold; padding-top: 13px; } @media (max-width: 374px) { #login-choice .question { max-width: 175px; margin: 0 auto; } } #login-choice .choice-buttons.global_p_centred { padding-top: 3px; } .choice-buttons { text-align: center; } .choice-or { font-size: 15px; margin: 0 3px; } .forum-button, .member-button { background: #ff7200; padding: 4px 9px 3px; cursor: pointer; text-align: center; text-decoration: none; outline: 0; color: #fff; border: 0; border-radius: 4px; box-shadow: 1px 2px 5px #7d7d7e; } .choice-buttons a { color: white; font-size: 15px; } @media (max-width: 374px) { .choice-buttons a { font-size: 13px; } } /* -- Registration form forum only -- */ #forum-register-form { border: 2px solid #d2d2d2; border-radius: 3px; padding: 15px 20px; } #forum-register-form h3 { color: #ff7200; text-align: center; border-bottom: 1px solid #ff7200; padding: 0 0 5px; margin-bottom: 16px; font-size: 20px; } #gform_fields_42 { list-style: none; font-family: Gibson-Regular; } #input_42_4 label, #input_42_3_container label { display: none; } #gform_fields_42 li { margin-top: 14px; } #input_42_4_6_container input, #input_42_3_2_container input { margin-top: 5px; } #gform_fields_42 input { border: 1px solid #ff720082; height: 28px; width: 100%; text-indent: 10px; } #forum-register-form .gform_footer { text-align: center; margin-top: 15px; } #forum-register-form .gform_footer input { color: white; background: #ff7200; border: none; font-size: 20px; padding: 6px 40px; border-radius: 3px; box-shadow: 1px 2px 6px 0px #949494; cursor: pointer; } #field_42_5 iframe { width: 100%; } #input_42_5 div { width: 100% !important; } /* -- Login form forum only -- */ #forum-login-form { border: 2px solid #d2d2d2; border-radius: 3px; padding: 15px 20px 7px; font-family: Gibson-Regular; color: #2d2d2d; } #forum-login-form h3 { color: #ff7200; text-align: center; border-bottom: 1px solid #ff7200; padding: 0 0 5px; margin-bottom: 6px; font-size: 22px; margin-top: 0; } #forum-login-form .global_p { text-align: center; font-size: 13px; font-family: Gibson-SemiBold; padding: 4px 0 9px; } #forum-login-form .global_p a { color: blue; font-size: 13px; } #forum-login-form label { display: block; line-height: 15px; } #forum-login-form input { border: 1px solid #ff720082; height: 28px; width: 100%; text-indent: 10px; } #forum-login-form .login-password { margin-top: 10px; } #forum-login-form .login-remember { font-size: 13px; margin: 10px 0; } .login-submit { text-align: center; } #forum-login-form .login-submit input { color: #fff; background: #ff7200; border: 0; font-size: 15px; padding: 8px 0 6px; border-radius: 3px; box-shadow: 1px 2px 6px 0 #949494; cursor: pointer; max-width: 111px; height: 30px; text-transform: uppercase; } #forum-login-form .login-remember input { max-width: 15px; height: 14px; } #forum-login-form .global_p_centred a { font-size: 13px; font-family: Gibson-Regular; } #forum-login-form .global_p_centred { padding: 6px 0 0; } /*-- Global Contact us --*/ #contact-us { position: fixed; bottom: 15px; right: 20px; background-color: #ff7200; color: white; padding: 6px 10px; text-align: center; font-family: Gibson-SemiBold; line-height: 100%; border-radius: 34px; font-size: 13px; z-index: 5; } @media (max-width: 450px) { #contact-us { right: 15px; bottom: 7px; font-size: 12px; padding: 4px 6px; } } #contact-us .contact-internal { max-width: 50px; } #contact-us a { color: white; } #contact-us i { font-size: 21px; } @media (max-width: 450px) { #contact-us i { font-size: 17px; } } #contact-us span { position: absolute; top: 0px; color: white; border-radius: 100%; height: 14px; width: 14px; line-height: 14px; font-size: 12px; background: #ff7200; right: -4px; border: 1px solid white; } /*-- Global Contact Form --*/ #global-contact-form { border: 2px solid #ff7200; padding: 15px 0 8px; } #global-contact-form h6 { color: #ff7200; text-align: center; font-size: 25px; margin-bottom: 10px; } #global-contact-form #gform_fields_23 { max-width: 90%; margin: 0 auto; padding: 0; list-style: none; } #global-contact-form #field_23_3, #global-contact-form #field_23_2, #global-contact-form #field_23_4 { clear: both; padding-top: 10px; } #global-contact-form #field_23_1 span label { display: none; } /* #gform_fields_23 .pp-text a { font-family: 'Gibson-SemiBold'; color: #2d2d2d; font-size: 13px; } */ #global-contact-form label { font-family: Gibson-SemiBold; font-size: 12px; position: relative; top: 1px; } @media (min-width: 769px) { #global-contact-form input::placeholder { font-size: 13px; color: #2d2d2d; text-indent: 7px; } } @media (min-width: 769px) { #global-contact-form textarea::placeholder { font-size: 13px; color: #2d2d2d; } } #global-contact-form input, #global-contact-form textarea { border: 1px solid #ff7200; font-size: 16px; width: 100%; font-family: Gibson-Regular; } #global-contact-form textarea { padding: 8px 5px; } @media (max-height: 700px) { #global-contact-form textarea { height: 180px } } #global-contact-form #field_23_1 div span { float: left; width: 48.5%; } #global-contact-form #field_23_1 div span:first-child { margin-right: 3%; } #global-contact-form input { height: 27px; -webkit-appearance: none; border-radius: none; } @media(max-width: 768px) { #global-contact-form input { padding: 6px 0 1px 3px; } } #global-contact-form .gform_footer { max-width: 200px; margin: 10px auto; } #global-contact-form .gform_footer input { background: #ff7200; box-shadow: 1px 1px 3px #7f7d7d; color: white; font-family: Gibson-SemiBold; padding: 6px 0 3px; height: auto; } #global-contact-form #field_23_19 li input { width: 14px; height: 14px; -webkit-appearance: auto; margin: 0 5px 5px 0; float: left; } #global-contact-form #field_23_19 > label { display: none; } #global-contact-form #field_23_19 ul { list-style: none; margin-top: 6px; } #global-contact-form #field_23_19 ul label { font-family: 'gibson-regular'; font-size: 14px; } #global-contact-form #field_23_19 ul label a { font-size: 12px; color: #2d2d2d; font-family: 'gibson-semibold'; } #global-contact-form .validation_error { color: red; font-size: 14px; text-align: center; margin: 0 auto; max-width: 291px; font-family: 'Gibson-SemiBold'; } #global-contact-form .validation_message { color: red; font-size: 14px; margin: 2px 0 5px; } /*-- GLobal form classes to hide --*/ .ip-ip, .ip-country_name, .ip-region_name, .ip-city { display: none; } #noscript-warning { position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; text-align: center; font-weight: bold; font-size: 120%; background-color: red; padding: 5px 0; } #noscript-warning p { color: white; } /*-- ############################ END FOOTER CSS ################################ --*/ /*-- ############################ FANCYBOX STYLESHEETS ################################ --*/ /*--classes changed by Tony for Fancybox Global--*/ .fancybox_click_to_download { background-color: white; position: fixed; padding: 0px 4px; border: 1px solid black; border-radius: 5px; margin-left: auto; margin-right: auto; left: 0; right: 0; margin-top: 3px; height: 16px; line-height: 16px; max-width: 110px; font-size: 12px; width: 100%; } /*--File name= jquery.fancybox.css----*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } @media (max-height: 500px) { .fancybox-image { max-height: 96%; } } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/wp-content/themes/wtm-theme/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/wp-content/themes/wtm-theme/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/wp-content/themes/wtm-theme/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: -18px; background-position: 0 -36px; } .fancybox-next span { right: -18px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/wp-content/themes/wtm-theme/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; top: -17px; left: 0; font-size: 11px; right: 0; top: 98.5%; left: 0; font-size: 11px; text-align: center; } @media (max-height: 500px) { .fancybox-title-float-wrap { top: 93%; } } .fancybox-title-float-wrap .child { display: inline-block; padding: 3px 10px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(250, 250, 250, 1); /*--Background changed to white by Tony--*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*text-shadow: 0 1px 2px #222; --taken out by Tony--*/ color: #2d2d2d; /*-- Colour changed by Tony from White to #333333--*/ font-weight: bold; line-height: 130%; /*white-space: nowrap; changed by Tony to fix long captions*/ } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/wp-content/themes/wtm-theme/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/wp-content/themes/wtm-theme/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*--File name= jquery.fancybox-buttons.css----*/ #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('/wp-content/themes/wtm-theme/fancybox/fancybox_loading.gif'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*--File name= jquery.fancybox-buttons.css----*/ #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } /*-- ############################ END FANCYBOX STYLESHEETS ################################ --*/ /*-- ############################ START OF SLICK SLIDER CSS ################################ --*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } @media (max-width: 700px) { .slick-slider { max-width: 96%; margin: 0 auto; } } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*----Theme styles for the standard Slick Slider ----*/ /* Slider */ .slick-loading .slick-list { background: #fff url('https://images.wtmfiles.com/ajax-loader.gif') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 30%; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 36px; line-height: 1; color: #2d2d2d; opacity: .99; color: #4e4e4e; } .slick-prev { left: -35px; } @media (max-width: 768px) { .slick-prev { left: -30px; } } @media (max-width: 700px) { .slick-prev { left: -25px; } } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-next { right: -35px; } @media (max-width: 768px) { .slick-next { right: -30px; } } @media (max-width: 700px) { .slick-next { right: -25px; } } [dir='rtl'] .slick-next { right: auto; left: -25px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; top : -27px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 15px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*-- ############################ START GLIDER CSS ################################ --*/ .glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;left:-23px;top:30%;cursor:pointer;color:#666;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{right:-23px;left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}} .glider { scrollbar-width: none; } /*-- WTM Horizontal Video Slider (each video pops up) css --*/ @media (max-width: 768px) { .wtm-video-slider.glider { margin: 0 10px; } } .wtm-video-slider .slick-slide, .wtm-video-slider .glider-slide { padding: 0 7px; } .wtm-video-slider .wtm-video-slider-title { text-align: center; font-family: Gibson-Regular; font-size: 13px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 4px; } .wtm-video-slider .wtm-video-slider-title span { font-family: Gibson-SemiBold; } a.global-video-prev, a.global-video-next { position: absolute; right: -35px; top: 30%; font-size: 40px; cursor: pointer; color: red; } a.global-video-prev { right: 0; left: -35px; max-width: 27px; } @media (max-width: 768px) { a.global-video-next { right: -28px; } a.global-video-prev { left: -28px; } } @media (max-width: 700px) { a.global-video-next { right: -20px; } a.global-video-prev { left: -20px; } } a.global-video-prev.disabled, a.global-video-next.disabled { color: #d2d2d2; } /*-- ############################ END OF SLICK SLIDER CSS ################################ --*/ /*-- ############################ PRINT NOTE CSS ################################ --*/ .print_image_appear { display: none; } @media print { /*-- Print preview fix --*/ html:before { content: "PLEASE NOTE, our pages have a specific layout that can only be printed in PDF, so please ‘cancel’ this print box to access a print-friendly PDF."; font-size: 82px !important; text-align: center !important; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; display: inline-block; border: 5px solid black !important; padding: 10px 15px !important; margin-top: 10px !important; } .print_alert { display: block !important; font-size: 85px !important; text-align: center !important; } body { display: none !important; } .print_asterisk:after { content:"*"; font-size: 14px !important; font-weight: normal !important; color: #333333; } } .overlay:not(.is-active) { display: none; }