/* Theme Name: Torque IT Theme URI: http://www.torqueit.com.au/ Author: Beau Whately Author URI: https://plus.google.com/117541128032118927663 Description: A custom designed theme for Torque IT that portrays a professional tone while also including all elements recommended by Google's "Best Practices" for optimum online presence. Version: 4.0 License: Copyright 2017 © Torque IT Pty Ltd License URI: http://www.torqueit.com.au/reference/terms/ Tags: Torque IT, Beau Whately, Google Best Practices, Google Certified, Schema Markup Text Domain: torqueit This theme is copyright by Torque IT Pty Ltd, Australia, and must not be copied or distributed in any way other than permitted by the terms of use available at http://www.torqueit.com.au/reference/terms/ */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /** * Table of Contents * * 1.0 - Normalize * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 5.1 - Interactive Tool Forms * 6.0 - Navigation * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Widgets * 11.0 - Content * 11.1 - Header * 11.2 - Posts and pages * 11.3 - Post Formats * 11.4 - Comments * 11.5 - Sidebar * 11.6 - Footer * 11.7 - Promo * 11.8 - Contact * 12.0 - Media * 12.1 - Captions * 12.2 - Galleries * 13.0 - Multisite * 14.0 - Media Queries * 15.0 - Print */ /** * 1.0 - Normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color:#31849b; } body { margin: 0px; background-color:#31849b; font-family: 'Open Sans', sans-serif; background-image:url(images/logo-white.svg); background-repeat:no-repeat; background-size:50% auto; background-position:center; background-attachment: fixed; padding-top:0px !important; } * { padding:0px; margin:0px; box-sizing:border-box; } .slink { display:none !important; } #menu-item-418 { display:none !important; } img { max-width:100%; } noscript { display:none; } .dnone { display:none; } .clear { clear:both; height:0px; width:0px; visibility:hidden; } .block { display:block; } .tac { text-align:center !important; } .tar { text-align:right; } .taj { text-align:justify; } .flr { float:right; } .fll { float:left; } .fs12 { font-size:12px !important; } .fs14 { font-size:14px !important; } .fs16 { font-size:16px !important; } .fs26 { font-size:26px !important; } .pb15 { padding-bottom:15px; } .pt15 { padding-top:15px !important; } .c333 { color:#333; } .quote { font-style:italic; font-weight:300; } .fw600 { font-weight:600; } .r90ccw { transform: rotate(-90deg); white-space:nowrap; width:100%; } .floatr { float:right; } @media screen and (min-width:980px) { .tar980 { text-align:right; } } /** * 2.0 - Genericons */ /** * 3.0 - Typography */ /** * 4.0 - Elements */ .p70 { max-width:840px; margin:0px auto; list-style:none; } .p70 li { color:#333; line-height:20px; font-size:14px; padding-left:20px; } .p70 li img { display:inline-block; width:16px; height:16px; padding:0px; margin:5px 5px -2px 0px; } /** * 5.0 - Forms */ /** * 5.1 - Interactive Tool Forms */ .tool-wrapper { margin:0px -20px; font-size:0; text-align:center; } .tool-wrapper-single { margin:20px auto -20px auto; } .tool-third { width:100%; padding:0px 20px; height:100%; } .tool-header { display:block; width:100%; } .tool-header h3 { text-align:left; font-size:20px; color:#31849b; padding:0px 0px 20px 0px; } .tool-content { } .tool-item { padding-top:5px; margin-top:0px; font-size:0px; padding-bottom:0px !important; } #dra-item1c { display:none; } #dra-item2b { display:none; } #dra-item2c { display:none; } #dra-item2d { display:none; } #dra-item3b { display:none; } #dra-item3c { display:none; } #dra-item3d { display:none; } #dra-item3e { display:none; } .tool-label { font-size:13px; text-align:left; } .tool-checkbox { height:28px; width:28px; border:2px solid #DDD; background-color:#FFF; float:left; margin-right:10px; } .tool-checkbox:hover { border:2px solid #31849b; cursor:pointer; } .tool-checkbox img { width:28px; height:28px; position:absolute; margin:-6px 0px 0px 4px; } #enquiry-subscribe-label { line-height:28px; } .checkbox-label { line-height:28px; font-size:13px; text-align:left; } .tool-field { min-height:42px; width:100%; border:2px solid #DDD; font-size:0px; margin-bottom:0px !important; } .tool-field:hover { border:2px solid #31849b; } .tool-field input{ background-color:#FFF; width:100%; height:38px; border:none; line-height:38px; font-size:16px; font-family: 'Open Sans', sans-serif; color:#333; font-weight:600; padding:0px 10px; } .tool-field select{ background-color:#FFF; width:100%; height:38px; border:none; line-height:38px; font-size:16px; font-family: 'Open Sans', sans-serif; color:#333; font-weight:600; padding:0px 8px; cursor:pointer; } .tool-field textarea{ background-color:#FFF; width:100%; height:85px; border:none; font-size:16px; font-family: 'Open Sans', sans-serif; color:#333; font-weight:600; padding:8px; margin:0px; } #dra-riskometer { display:none; } .tool-riskometer { margin:0px auto; max-width:650px; position:relative; } .tool-riskneedle { position:absolute; width:50%; left:50%; margin-left:-25%; top:32.5%; } .tool-riskneedle img { width:100%; height:auto; transform: rotate(-90deg); } .tool-risklabel { font-size:32px; font-weight:600; text-transform:uppercase; text-align:center; color:#31849b; padding-top:10px; } .tool-calendar-month { font-size:14px; font-weight:600; text-align:center; padding:3px 2px 5px 2px; position:relative; } .tool-calendar-month a { display:block; position:absolute; width:30px; height:25px; top:0; line-height:25px; text-align:center; background-color:#31849B; font-weight:700; color:#FFF !important; } .tool-calendar-month a:first-child { left:0; } .tool-calendar-month a:last-child { right:0; } .tool-calendar-month a:hover { background-color:#86B7C4; cursor:pointer; } .tool-calendar { padding:2px; } .tool-calendar-th { background-color:#31849B; text-align:center; } .tool-calendar-th .tool-calendar-cell { width:14%; font-size:14px; padding:5px 2px; display:inline-block; color:#FFF; text-align:center; } .tool-calendar-dates { text-align:center; } .tool-calendar-dates .tool-calendar-cell { width:14.28%; font-size:14px; padding:5px 2px; display:inline-block; font-weight:400; color:#333; text-align:center; } .tool-calendar-dates .tool-calendar-cell:hover { background-color:#86B7C4; cursor:pointer; } .tool-calendar-disabled { color:#999 !important; background-color:#EEE !important; cursor:default !important; } .tool-calendar-disabled:hover { color:#999 !important; background-color:#EEE !important; cursor:default !important; } .tool-calendar-weekend { color:#999 !important; background-color:#DDD !important; cursor:default !important; } .tool-calendar-weekend:hover { color:#999 !important; background-color:#DDD !important; cursor:default !important; } .tool-calendar-spacer { width:14.28%; font-size:14px; padding:5px 2px; display:inline-block; font-weight:400; color:#FFF; text-align:center; } .tool-time-list { text-align:center; } .tool-time-list .tool-time-item { width:25%; font-size:14px; padding:5px 2px; display:inline-block; font-weight:400; color:#333; text-align:center; } .tool-time-list .tool-time-item:hover { background-color:#86B7C4; cursor:pointer; } @media screen and (min-width: 700px) { .tool-wrapper { display:table; vertical-align:top; } .tool-wrapper-single { max-width:500px; } .tool-wrapper-single .tool-third { display:block; width:100%; } .tool-third { width:33.3%; display:table-cell; vertical-align:top; padding:0px 20px; } #tool-third-mid { border-left:2px solid #DDD; border-right:2px solid #DDD; } } .wrap-otherbookingtype { display:none; border:2px solid #F33; background-color:#FCC; width:100%; padding:20px 50px; text-align:center; margin:10px 0px 25px 0px; } /** * 6.0 - Navigation */ .main-navigation { height:60px; background-color:#31849b; width:100%; margin:0px; } .main-navwrapper { display:none; margin:0px; position:absolute; z-index:101; width:100%; } .main-navigation ul { list-style:none; display:block; font-size:0; background-color:#5a9daf; } .main-navigation ul li { display:block; margin:0px; border-top:2px solid #31849b; } .main-navigation ul li a { display:block; padding:0px 15px; font-weight:400; font-size:18px; text-transform:capitalize; text-decoration:none; color:#FFF; margin:0; height:60px; line-height:60px; } .main-navigation ul li a:hover { background-color:#FFF; font-weight:400; color:#31849b; } .main-navigation ul li ul { } .main-navigation ul li ul li { display:block; border-top:2px solid #5a9daf; background-color:#86b7c4; } .main-navigation ul li ul li a { border:none; background-image:none; padding:0px 10px 0px 30px; font-size:14px; } .main-navigation ul li ul li:first-child a { border:none; } .main-navigation ul li ul li a:hover { background-image:none; } @media screen and (min-width: 700px) { .main-navwrapper { display:block; position:static; max-width:1200px; margin:0px auto; width:100%; } .main-navigation { height:40px; } .main-navigation ul { /*border-right:2px solid #86b7c4;*/ background-color:transparent; } .main-navigation ul li { display:inline-block; border-top:none; } .main-navigation ul li:first-child a { /*border-left:2px solid #86b7c4;*/ } .main-navigation ul li a { height:40px; line-height:40px; /*border-right:2px solid #86b7c4;*/ } .main-navigation ul li a:hover { } .main-navigation ul li ul { display:none; } .main-navigation ul li:hover ul { display:block; position:absolute; z-index:101; list-style:none; background-color:#86b7c4; margin-left:-2px; border:2px solid transparent; } .main-navigation ul li ul li { border-top:none; } .main-navigation ul li ul li a { padding:0px 10px; } .main-navigation ul li ul li a:hover { } .menu-item-has-children a { padding-right:30px !important; background-image:url(images/downarrow.svg); background-repeat:no-repeat; background-position:90% 55%; background-size:16px 16px; } .menu-item-has-children a:hover { background-image:url(images/downarrow-hover.svg); } } .social-menu { float:right; display:none !important; font-size:0; } .social-menu li { padding:0; } .social-menu li a { width:40px; height:40px; border:none !important; background-size:28px 28px; background-position:center; background-repeat:no-repeat; font-size:0 !important; } .social-menu li a:hover { } .social-twitter { background-image:url(images/icon-twitter-white.svg); } .social-twitter:hover { background-image:url(images/icon-twitter.svg); } .social-facebook { background-image:url(images/icon-facebook-white.svg); } .social-facebook:hover { background-image:url(images/icon-facebook.svg); } .social-instagram { background-image:url(images/icon-instagram-white.svg); } .social-instagram:hover { background-image:url(images/icon-instagram.svg); } .social-linkedin { background-image:url(images/icon-linkedin-white.svg); } .social-linkedin:hover { background-image:url(images/icon-linkedin.svg); } .social-googleplus { background-image:url(images/icon-googleplus-white.svg); } .social-googleplus:hover { background-image:url(images/icon-googleplus.svg); } @media screen and (min-width: 980px) { .social-menu { display:block !important; } .social-menu li { display:inline-block; } .social-menu li a { display:block; } } .main-mob { display:table; width:100%; vertical-align:top; } .main-navcall { display:table-cell; vertical-align:top; padding:0px; width:60px; } .logo-pos2 { display:table-cell; vertical-align:top; padding:0px; } .main-navhamburger { display:table-cell; vertical-align:top; padding:0px; width:60px; } .main-navcall a { display:block; width:60px; height:60px; margin:0px; float:right; padding:20px 20px; background-image:url(images/icon-phone-white.svg?v=2); background-size:40px 40px; background-position:center; background-repeat:no-repeat; border-left:2px solid #86b7c4; } .main-navcall a:hover { background-color:#FFF; background-image:url(images/icon-phone.svg?v=2); } .main-navhamburger a { display:block; width:60px; height:60px; margin:0px; float:left; padding:20px 20px; background-image:url(images/icon-hamburger-white.svg?v=2); background-size:40px 40px; background-position:center; background-repeat:no-repeat; border-right:2px solid #86b7c4; } .main-navhamburger a:hover { background-color:#FFF; background-image:url(images/icon-hamburger.svg?v=2); } .logo-pos2 a { display:block; width:100%; height:60px; float:left; padding:20px 20px; background-image:url(images/logo-white.svg?v=2); background-size:200px 44px; background-position:center; background-repeat:no-repeat; } .logo-pos2 a:hover { background-color:#FFF; background-image:url(images/logo.svg?v=2); } @media screen and (min-width: 700px) { .main-navcall { display:none; } .main-navhamburger { display:none; } .logo-pos2 { display:none; } } /** * 6.1 - Links */ .tool-list-wrapper { } .tool-list-item { border:2px solid #DDD; margin:20px 0px; background-color:#FFF; width:100%; } .tool-list-item:hover { cursor:pointer; border:2px solid #31849B; } .tool-list-item-img { border-bottom:2px solid #DDD; height:55vw; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .tool-list-item-content { padding:20px; } .tool-list-item-title { } .tool-list-item-title a { font-size:22px; font-weight:600; } .tool-list-item-title a:hover { } .tool-list-item-desc { } @media screen and (min-width: 650px) { .tool-list-item { display:table; } .tool-list-item:hover .tool-list-item-img { border-right:2px solid #31849B; } .tool-list-item-img { display:table-cell; border-right:2px solid #DDD; border-bottom:none; height:135px; width:200px; } .tool-list-item-content { display:table-cell; } } /** * 6.2 - Menus */ /** * 7.0 - Accessibility */ /** * 8.0 - Alignments */ /** * 9.0 - Clearings */ /** * 10.0 - Widgets */ .livechat { display:block; height:45px; left:20px; right:20px; position:fixed; background-color:#31849b; border-top:2px solid #86b7c4; bottom:0; border-left:2px solid #86b7c4; border-right:2px solid #86b7c4; z-index:200; } .livechat-header { width:100%; height:45px; line-height:45px; color:#FFF; font-weight:600; cursor:pointer; } .livechat-header:hover { background-color:#86b7c4; } .livechat-header img { width:25px; height:25px; margin:10px; } .livechat-content { background-color:#FFF; padding:20px 20px 100px 20px; } .livechat-contact { text-align:center; margin-top:10px; } .lc-phone { display:inline-block; width:30px; height:30px; background-color:#daedf2; background-image:url(images/icon-phone.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:center; } .lc-phone:hover { background-color:#31849b; background-image:url(images/icon-phone-white.svg); } .lc-phone a { display:block; width:100%; height:100%; } .lc-email { display:inline-block; width:30px; height:30px; background-color:#daedf2; background-image:url(images/icon-email.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:center; } .lc-email:hover { background-color:#31849b; background-image:url(images/icon-email-white.svg); } .lc-email a { display:block; width:100%; height:100%; } .lc-location { display:inline-block; width:30px; height:30px; background-color:#daedf2; background-image:url(images/icon-location.svg); background-size:20px 20px; background-repeat:no-repeat; background-position:center; } .lc-location:hover { background-color:#31849b; background-image:url(images/icon-location-white.svg); } .lc-location a { display:block; width:100%; height:100%; } @media screen and (min-width: 700px) { .livechat { width:280px; left:inherit; margin:auto; right:25px; } .startchatmobile { display:none !important; } } @media screen and (max-width: 980px) { .page-footer { padding-bottom:60px !important; } } @media screen and (max-width:700px) { .startchat { display:none !important; } .startchatmobile { display:block; } } /** * 10.1 - Lead Magnets */ .leadmagnet { display:block; left:20px; right:20px; position:fixed; background-color:#FFF; border-top:2px solid #86b7c4; bottom:43px; border-left:2px solid #86b7c4; border-right:2px solid #86b7c4; z-index:200; transition:0.5s; height:0px; } @media screen and (min-width: 700px) { .leadmagnet { width:280px; left:25px; margin:auto; right:inherit; bottom:-2px; } } /** * 11.0 - Content */ h1 { font-weight:600; font-size:30px; color:#31849b; padding:20px 0px 5px 0px; } h2 { font-weight:600; font-size:20px; color:#31849b; padding:20px 0px 5px 0px; } h3 { font-weight:600; font-size:16px; color:#333; padding:5px 0px; } .page-wrapper { position:absolute; width:100%; height:100%; max-width:100%; margin-top:0px !important; } .page-content { width:100%; background-color:#FFF; background-repeat:repeat; background-position:center; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); clear:both; font-size:14px; } .page-content-2019 { width:100%; background-color:#FFF; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); clear:both; font-size:14px; } .page-content p { padding:5px 0px; font-weight:400; color:#333; font-size:14px; } .page-content ul { padding:5px 30px; font-weight:400; color:#333; font-size:14px; } .page-content ul li { padding:2px 0px; font-size:14px; } .page-content a { text-decoration:none; font-weight:400; color:#31849b; } .page-content a:hover { color:#86b7c4; } main { max-width:100%; min-height:600px; background-color:#FFF; margin:0px auto; /*box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);*/ } .main-2019 { max-width:100%; min-height:600px; background-color:#FFF; margin:0px auto; box-shadow:none !important; } .main { max-width:100%; min-height:600px; background-color:#FFF; margin:0px auto; } .page-70 { max-width:840px; margin:0px auto; padding:20px 40px; } .page-100 { width:100%; margin:0px auto; padding:20px 40px; } .page-blog { max-width:840px; margin:0px auto; padding:20px 40px; } .page-hr { width:80%; border-top:2px solid #DDD; margin:20px auto 10px auto; clear:both; font-size:0; height:1px; overflow:hidden; } /** * 11.1 - Header */ .page-header { display:none; min-height:120px; width:100%; background-color:#FFF; margin-top:0px; } header { max-width:1200px; margin:0px auto; } .logo { max-width:80%; padding:30px 20px 20px 20px; } .logo img { width:100%; height:auto; } .phone { display:none; float:right; font-weight:600; font-size:26px; color:#333; margin-top:42px; padding:0px 5px; } .phone img { width:24px; height:24px; display:inline-block; margin-bottom:-3px; } .header-wrapper { z-index:100; position:absolute; height:60px; width:100%; margin-top:0px; } .header-spacer { height:60px; margin-top:0px; } @media screen and (min-width: 700px) { .logo { max-width:300px; padding:30px 5px; } .phone { display:block; } .page-header { display:block; } } @media screen and (min-width: 1200px) { .logo { padding:30px 0px; } .page-header { height:120px; } } @media screen and (min-width:700px) and (min-height:600px) { .header-wrapper { position:fixed; width:100%; height:160px; z-index:100; margin-top:0px; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); } .header-spacer { height:160px; margin-top:0px; } } /** * 11.2 - Posts and pages */ .author-profile { border-bottom:2px solid #DDD; width:100%; } .author-profile-image { width:100%; vertical-align:bottom; font-size:0; padding-right:15px; border-bottom:16px solid #31849B; text-align:center; } .author-profile-image img { } .author-profile-content { } .author-profile-jobtitle { font-size:18px; font-weight:600; color:#333; margin:-10px 0px 10px 0px; } .author-profile-quickfacts { padding-bottom:15px; } .author-profile-quickfacts p { padding:0px; margin:0px; } .author-profile-desc { font-size:14px; color:#333; text-align:justify; } .author-profile-social { display:inline-block; margin:10px -5px; background-image:url(/wp-content/themes/torqueit/images/icon-linkedin.svg); background-repeat:no-repeat; background-position:5px 5px; background-size:26px 26px; background-color:#FFF; cursor:pointer; padding:0px; } .author-profile-social:hover { background-image:url(/wp-content/themes/torqueit/images/icon-linkedin-white.svg); background-color:#31849B; color:#FFF; } .author-profile-social a { display:block; padding:0px 10px 0px 41px; height:36px; line-height:36px; color:#31849B; font-weight:600; } .author-profile-social a:hover { color:#FFF; } @media screen and (min-width: 800px) { .author-profile { display:table; border-bottom:16px solid #31849B; } .author-profile-image { display:table-cell; width:245px; border-bottom:none; } .author-profile-content { display:table-cell; } } .post-authordate { color:#555; font-size:14px; } .post-authorwrapper { padding:25px 0px; max-width:900px; margin:0px auto; } .post-authorpic { width:150px; height:150px; border-radius:75px; overflow:hidden; background-color:#daedf2; border:2px solid #DAEDF2; margin:0px auto; } .post-authorpic:hover { border-color:#31849B; } .post-authorname { font-size:16px; color:#555; margin-top:10px; } .post-authorname span a { font-weight:600; } .post-authorblurb { font-size:14px; color:#555; margin-top:15px; text-align:justify; } .post-authorblurb p { font-size:14px !important; } .post-disclaimer p { font-size:11px !important; color:#555; line-height: normal !important; } .post-img { background-color:#FFF; padding:10px; border:2px solid #DAEDF2; display:block; margin:10px auto; max-width:600px; width:100%; height:auto; } .post-img:hover { cursor:pointer; border-color:#31849B; background-color:#DAEDF2; } .post-img2 { padding:10px; } @media screen and (min-width: 600px) { .post-authorpic { float:left; margin-right:50px; } } @media screen and (min-width: 800px) { .post-img2 { float:right; margin:0px 0px 10px 20px; } } .page-blog p { font-size:18px; color:#555; padding:10px 0px; line-height:26px; text-align:justify; } .page-blog h2 { padding:30px 0px 10px 0px; font-size:22px; } .page-blog ul, .page-blog ul li { font-size:18px; } /** * 11.3 - Post Formats */ .content-blurb { font-size:16px; font-weight:400; color:#333; text-align:center; padding:20px 0px 0px 0px; } .content-blurb p { font-size:16px; font-weight:400; color:#333; text-align:center; padding:0px; } .content-blurb h2 { text-align:center; padding:0px; } @media screen and (min-width: 800px) { .content-blurb { width:55%; margin:0px auto; } } .content-special-blurb { width:100%; border:2px solid #31849B; background-color:#daedf2; min-height:50px; padding:10px 15px; } .content-special-header { text-align:center; font-size:20px; color:#31849B; font-weight:600; } .content-special-date { text-align:center; font-size:14px; color:#333; } .content-special-content { text-align:center; font-size:16px; padding-top:10px; color:#333; } .content-quote { background-color:#EEE; margin:20px -40px 20px -40px; padding:10px 20px 0px 20px; border-top:2px solid #DDD; border-bottom:2px solid #DDD; } .content-typeA { max-width:1200px; margin:0px auto; } .content-typeA .content-items { text-align:center; font-size:0; } .content-typeA .content-itemw { text-align:center; padding:25px; display:inline-block; vertical-align:top; } .content-typeA .content-itemx { text-align:center; padding:25px; display:inline-block; vertical-align:top; } .content-typeA .content-itemy { text-align:center; padding:25px; display:inline-block; vertical-align:top; } .content-typeA .content-item-icon { display:block; } .content-typeA .content-item-icon img { width:48px; height:48px; } .content-typeA .content-item-rating { display:block; } .content-typeA .content-item-rating img { width:auto; height:20px; margin:0px 0px 15px 0px; } .content-typeA .content-item-header { } .content-typeA .content-item-header h2 { font-size:20px; text-align:center; color:#333; font-weight:600; padding:5px 0px 10px 0px; } .content-typeA .content-item-header span { display:block; margin-top:-10px; font-weight:600; font-size:14px; color:#333; } .content-typeA .content-item-header h3 { font-size:20px; text-align:center; color:#333; font-weight:600; padding:5px 0px 10px 0px; } .content-typeA .content-item-text { font-size:14px; font-weight:400; color:#555; } .content-typeA .content-item-text p { font-size:14px; font-weight:400; color:#555; padding:0px; } .content-typeA .content-item-text ul { list-style:none; color:#31849B; } .content-typeA .content-item-text ul li { color:#333; font-weight:600; line-height:20px; } .content-typeA .content-item-text ul li img { display:inline-block; width:16px; height:16px; padding:0px; margin:5px 5px -2px 0px; } .content-typeA .content-item-profile { border-bottom:2px solid #31849B; } .content-typeA .content-item-profile img { width:90%; height:auto; } .content-typeA .content-item-profile:hover { background: rgba(255,255,255,0); background: -webkit-linear-gradient(rgba(255,255,255,0), #daedf2); background: -o-linear-gradient(rgba(255,255,255,0), #daedf2); background: -moz-linear-gradient(rgba(255,255,255,0), #daedf2); background: linear-gradient(rgba(255,255,255,0), #daedf2); } @media screen and (min-width: 480px) { .content-typeA .content-itemx { width:50%; } .content-typeA .content-itemy { width:50%; } } @media screen and (min-width: 680px) { .content-typeA .content-itemx { width:33%; } .content-typeA .content-itemy { width:33%; } } @media screen and (min-width: 800px) { .content-typeA .content-itemw { width:50%; } } @media screen and (min-width: 980px) { .content-typeA .content-itemx { width:25%; } .content-typeA .content-itemy { width:25%; } } .content-typeB { max-width:1200px; margin:0px auto; } .content-typeB .content-items { width:100%; } .content-typeB .content-item { text-align:center; } .content-typeB .content-item img { width:60%; height:auto; margin:0px auto; } .content-typeB .content-item-header { text-align:center; } .content-typeB .content-item-header h3 { font-size:26px; } .content-typeB .content-item-text { } @media screen and (min-width:700px) { .content-typeB .content-items { display:table; width:70%; margin:0px auto; } .content-typeB .content-item { display:table-cell; vertical-align:top; width:50%; padding-top:20px; } } .content-typeD { max-width:1200px; margin:0px auto; } .content-typeD .content-items { text-align:center; font-size:0; } .content-typeD .content-iteml { display:block; vertical-align:top; text-align:center; padding:15px 5%; clear:both; } .content-typeD .content-itemr { display:block; vertical-align:top; text-align:center; padding:15px 5%; clear:both; } .content-typeD .content-item { display:block; vertical-align:top; text-align:center; padding:15px 5%; } .content-typeD .content-item-icon { display:block; } .content-typeD .content-item-icon img { width:48px; height:48px; } .content-typeD .content-item-header { padding:0; } .content-typeD .content-item-header h2 { font-size:20px; text-align:center; color:#333; font-weight:600; padding:5px 0px 10px 0px; margin:0px; } .content-typeD .content-item-header h3 { font-size:20px; text-align:center; color:#333; font-weight:600; padding:5px 0px 10px 0px; margin:0px; } .content-typeD .content-item-text { font-size:14px; font-weight:400; color:#555; } .content-typeD .content-item-text p { font-size:14px; font-weight:400; color:#555; padding:0px; } .content-typeD .content-item-text ul { list-style:none; color:#31849B; } .content-typeD .content-item-text ul li { color:#333; font-weight:600; line-height:20px; } .content-typeD .content-item-text ul li img { display:inline-block; width:16px; height:16px; padding:0px; margin:5px 5px -2px 0px; } .content-typeD p { font-weight:400; text-align:center; } .content-typeD .content-items img { width:80%; padding:0px 5%; } @media screen and (min-width: 800px) { .content-typeD .content-iteml { float:left; width:50%; } .content-typeD .content-itemr { float:right; width:50%; } .content-typeD .content-items img { width:50%; padding:0px 5%; } } .content-typeP { max-width:1200px; margin:0px auto; } .content-typeP .content-items { text-align:center; font-size:0; } .content-typeP .content-itemw { text-align:center; padding:0px; display:inline-block; vertical-align:top; } .content-typeP .content-itemx { text-align:center; width:50%; padding:0px; display:inline-block; vertical-align:top; position:relative; font-size:0; cursor:pointer; margin-bottom:10px; } .content-typeP .content-itemy { text-align:center; width:50%; padding:0px; display:inline-block; vertical-align:top; } .content-typeP .content-item-icon { display:block; } .content-typeP .content-item-icon img { width:48px; height:48px; } .content-typeP .content-item-rating { display:block; } .content-typeP .content-item-rating img { width:auto; height:20px; margin:0px 0px 15px 0px; } .content-typeP .content-item-header { position:absolute; bottom:16px; margin:0px; background-color:rgba(218,237,242,0.8); left:10px; right:10px; z-index:50; } .content-typeP .content-item-header h2 { font-size:14px; text-align:center; color:#31849B; font-weight:600; padding:5px 0px; text-transform:uppercase; } .content-typeP .content-item-header span { display:block; margin-top:-10px; font-weight:600; font-size:11px; color:#333; } .content-typeP .content-item-header h3 { font-size:14px; text-align:center; color:#31849B; font-weight:600; padding:5px 0px; text-transform:uppercase; } .content-typeP .content-item-profile { border-bottom:16px solid #31849B; font-size:0; } .content-typeP .content-item-profile img { width:90%; height:auto; margin:0px; } .content-typeP .content-item-profile a { font-size:0; display:block; } .content-typeP .content-itemx:hover .content-item-profile { background: rgba(255,255,255,0); background: -webkit-linear-gradient(rgba(255,255,255,0), #daedf2); background: -o-linear-gradient(rgba(255,255,255,0), #daedf2); background: -moz-linear-gradient(rgba(255,255,255,0), #daedf2); background: linear-gradient(rgba(255,255,255,0), #daedf2); } .content-typeP .content-item-balloons { position:absolute; width:45%; top:-20px; right:-10px; z-index:90; } .content-typeP .content-item-anniversary { position:absolute; bottom:70px; left:-20px; right:-20px; z-index:90; } .content-typeP .content-item-birthday { position:absolute; bottom:70px; left:-20px; right:-20px; z-index:90; } .content-typeP .content-item-movember { position:absolute; z-index:20; width:100%; } .content-typeP .content-item-movember img { width:22%; height:auto; } .content-typeP .content-item-donate-mo { position:absolute; z-index:25; bottom:70px; left:10px; right:10px; } .content-typeP .content-item-donate-mo a { margin:0px auto; display:inline-block; font-size:16px; color:#FFF; background-color:#31849B; padding:0px 15px 0px 70px; line-height:40px; background-image:url(/wp-content/themes/torqueit/images/special/movember-white.png?v=2); background-repeat:no-repeat; background-position:10px 50%; } .content-typeP .content-item-donate-mo a:hover { background-color:#daedf2; color:#31849B; background-image:url(/wp-content/themes/torqueit/images/special/movember-31849B.png?v=2); } .content-typeP .content-item-spacesuit { position:absolute; bottom:16px; z-index:20; width:100%; left:11%; } .content-typeP .content-item-spacewhite { position:absolute; bottom:16px; top:0px; z-index:15; width:12%; left:0px; background-color:#FFF; } .content-typeP .content-item-swemperor { position:absolute; width:117%; bottom:16px; z-index:20; left:-20px; } .content-typeP .content-item-swbobbafet { position:absolute; width:102%; bottom:16px; z-index:19; left:-5px; } .content-typeP .content-item-jobwelldone { position:absolute; width:40%; bottom:20%; z-index:20; right:10%; } .content-typeP .content-item-dwcyberman { position:absolute; width:110%; bottom:16px; z-index:20; left:-15px; } .content-typeP .content-item-dwtimelord { position:absolute; width:133%; bottom:16px; z-index:20; left:0px; } @media screen and (min-width: 480px) { .content-typeP .content-itemx { width:50%; } .content-typeP .content-itemy { width:50%; } } @media screen and (min-width: 680px) { .content-typeP .content-itemx { width:33%; } .content-typeP .content-itemy { width:33%; } } @media screen and (min-width: 800px) { .content-typeP .content-itemw { width:50%; } .content-typeP .content-itemx { width:25%; } .content-typeP .content-itemy { width:25%; } } @media screen and (min-width: 980px) { .content-typeP .content-itemx { width:20%; } .content-typeP .content-itemy { width:20%; } } /** * 11.4 - Comments */ /** * 11.5 - Sidebar */ .page-partners { width:100%; max-width:100%; margin:0px auto; background-color:#EEE; border-top:2px solid #DDD; } .page-partners h3 { text-align:center; font-size:20px; padding:20px 20px 10px 20px; } .page-partners ul { list-style:none; font-size:0; text-align:center; margin:0px auto; } .page-partners ul li { display:inline-block; vertical-align:middle; /*width:25%;*/ padding:15px; mix-blend-mode: darken; } .page-partners ul li img { filter: grayscale(100%); max-height:40px; max-width:150px; } @media screen and (min-width: 500px) { .page-partners ul li { /*width:16%;*/ } } @media screen and (min-width: 800px) { .page-partners ul li { /*width:12%;*/ } } @media screen and (min-width: 980px) { .page-partners ul li { /*width:8%;*/ } } /** * 11.6 - Footer */ .page-footer { border-top:2px solid transparent; padding-bottom:15px; } footer { max-width:1200px; margin:0px auto; } .footer-legal { font-size:12px; text-align:center; color:#FFF; } .footer-navigation { } .footer-navigation ul { list-style:none; display:block; width:100%; text-align:center; padding:5px; } .footer-navigation ul li { display:inline-block; font-size:12px; } .footer-navigation ul li a { display:block; padding:5px 5px; text-decoration:none; color:#FFF; font-weight:400; } .footer-navigation ul li a:hover { color:#31849b; background-color:#FFF; font-weight:400; } /** * 11.7 - Promo */ .page-promo { width:100%; background-color:#DDD; font-size:0; position:relative; z-index:0; max-width:1200px; margin:0px auto; } .page-promo img { width:100%; height:auto; } .promo-wrapper { width:100%; padding:10px 20px; background-color:#333; text-align:center; } .promo-title { display:block; font-size:32px; font-weight:400; color:#FFF; } .promo-title h1 { font-size:32px; font-weight:400; color:#FFF; padding:0px; } .promo-blurb { display:block; font-size:18px; font-weight:300; color:#FFF; } .promo-readmore { font-size:16px; margin:20px; } .promo-readmore:hover { } .promo-readmore a { display:inline-block; padding:10px 30px; color:#FFF; background-color:#31849b; text-decoration:none; } .promo-readmore a:hover { background-color:#daedf2; color:#31849b; } .promo-readmore input { display:inline-block; padding:10px 30px; color:#FFF; background-color:#31849b; text-decoration:none; border:none; cursor:pointer; font-size:16px; } .promo-readmore input:hover { background-color:#daedf2; color:#31849b; } .promo-readmore-group { white-space: nowrap; text-align:center; } .promo-readmore-group .promo-readmore { display:inline-block; } .promo-readmore-gap { color:#FFF; font-weight:600; font-size:22px; display:inline-block; } .promo-orange a { background-color:#FF8431; } .promo-wrapper .promo-readmore a:hover { background-color:#FFF !important; } .promo-free2hours { display:block; position:absolute; background-image:url(images/first-two-hours-free-it-support.png); background-size:100%; width:200px; height:200px; left:-6px; z-index:50;} @media screen and (min-width: 700px) { .promo-free2hours { width:250px; height:250px; } } @media screen and (min-width: 980px) { .promo-wrapper { background-color:rgba(0,0,0,0.5); position:absolute; margin-top:-150px; text-align:left; } .promo-title { float:left; } .promo-table { display:table; width:100%; } .promo-table .promo-table-cell { display:table-cell !important; vertical-align:top; } .promo-table .promo-readmore-group { display:table-cell !important; white-space:nowrap; vertical-align:top; float:none !important; } .promo-table .promo-readmore { float:none; } .promo-blurb { float:left; clear:both; } .promo-readmore { } .promo-readmore-group { float:right; text-align:right; margin-top:-40px; } } @media screen and (min-width: 1200px) { .promo-free2hours { left:50%; margin-left:-606px; } } /** * 11.7.1 - Promo 2019 */ .promo-2019 { width:100%; height:75vh; background-color:#222; background-image:url(images/promo-2019-bg.jpg); background-size:auto 100%; background-position:30% 50%; transition:1s; overflow:hidden; position:relative; } .promo-2019-dots { background-image:url(images/4kd.png); background-size:240%; background-position:10% 50%; transition:1s; overflow:hidden; position:relative; width:100%; height:100%; background-repeat:no-repeat; } .promo-blurb-wrapper-2019 { display:table; height:100%; width:500%; transition:1s; } .promo-blurb-2019 { display:table-cell; width:20%; height:100%; vertical-align:middle; text-align:center; color:#FFF; padding:0px 20px; } .promo-blurb-2019 h2 { color:#FFF; font-weight:300; font-size:34px; } .promo-blurb-2019 h3 { color:#FFF; font-weight:300; font-size:16px; } .promo-button-2019 { padding:35px 0px; } .promo-button-2019 a { background-color:#31849b; color:#FFF; font-size:22px; text-decoration:none; padding:10px 20px !important; transition:0.2s; border:2px solid #31849b !important; } .promo-button-2019 a:hover { background-color:rgba(255,255,255,0.1); color:#FFF !important; border:2px solid #FFF !important; } .promo-blurb-2019 a { color:#FFF; padding:5px 10px; text-decoration:none; border:2px solid transparent; transition:0.2s; } .promo-blurb-2019 a:hover { color:#FFF; border:2px solid #FFF; background-color:rgba(255,255,255,0.1); } .promo-2019-nav { margin:0px auto; position:absolute; bottom:0px; text-align:center; width:100%; } .promo-2019-nav ul { list-style:none; font-size:0; padding:40px; } .promo-2019-nav ul li { display:inline-block; padding:5px; } .promo-2019-nav ul li a { display:block; width:16px; height:16px; background-color:rgba(255,255,255,0.1); border-radius:8px; border:2px solid #FFF; transition:0.2s; } .promo-2019-nav ul li a:hover { background-color:#FFF; } @media screen and (min-width: 800px) { .promo-blurb-2019 h2 { font-size:64px; } .promo-blurb-2019 h3 { font-size:24px; } } @media screen and (min-width: 1200px) { .promo-blurb-2019 h2 { font-size:96px; } .promo-blurb-2019 h3 { font-size:32px; } } /** * 11.7.2 - Cornerstone Page Header 2019 */ .page-2019 { width:100%; height:20vh; min-height:300px; background-color:#222; background-image:url(images/promo-2019-bg.jpg); background-size:auto 100%; background-position:30% 50%; transition:1s; position:relative; } .page-2019-dots { background-image:url(images/4kd.png); background-size:240%; background-position:10% 50%; transition:1s; overflow:hidden; position:relative; width:100%; height:100%; background-repeat:no-repeat; } .page-blurb-wrapper-2019 { display:table; height:100%; width:100%; transition:1s; } .page-blurb-2019 { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#FFF; padding:0px 20px; } .page-blurb-2019 h2 { color:#FFF; font-weight:300; font-size:34px; transition:1s; } .page-blurb-2019 h3 { color:#FFF; font-weight:300; font-size:16px; transition:1s; } .page-button-2019 { padding:35px 0px; } .page-button-2019 a { background-color:#31849b; color:#FFF !important; font-size:22px; text-decoration:none; padding:10px 20px !important; transition:0.2s; border:2px solid #31849b !important; } .page-button-2019 a:hover { background-color:rgba(255,255,255,0.1); color:#31849b !important; border:2px solid #31849b !important; } .page-blurb-2019 a { color:#FFF; padding:5px 10px; text-decoration:none; border:2px solid transparent; transition:0.2s; } .page-blurb-2019 a:hover { color:#FFF; border:2px solid #FFF; background-color:rgba(255,255,255,0.1); } .page-sector-2019 { width:100%; position:relative; } .page-sector-2019 h1 { padding:10px; font-size:32px; font-weight:600; } .page-sector-2019 h2 { padding:10px; font-size:26px; font-weight:600; } .page-sector-2019 p { padding:10px; font-size:16px; font-weight:400; } .page-sector-2019 a { display:inline-block; padding:5px 10px; margin:3px -2px 0px -2px; font-size:16px; font-weight:600; text-decoration:none; border:2px solid transparent; transition:0.2s; color:#31849b; vertical-align:baseline; } .page-sector-2019 a:hover { border:2px solid #31849b; color:#31849b; } .sector-wrapper { width:100%; max-width:1200px; height:100%; margin:50px auto; background-color:rgba(255,255,255,0.9); } .sector-right-50 img, .sector-left-50 img { display:block; width:75%; margin:0px auto; } .sector-left { display:block; vertical-align:top; width:100%; padding:20px; } .sector-right { display:block; vertical-align:top; width:100%; padding:20px; } .sector-left-50 { display:block; vertical-align:top; width:100%; padding:20px; } .sector-right-50 { display:block; vertical-align:top; width:100%; padding:20px; } .sector-title { vertical-align:middle; text-align:center; max-width:1200px; margin:0px auto; color:#FFF; padding:20px 20px 0px 20px; } .sector-title h2 { color:#FFF; font-weight:300; font-size:42px; transition:1s; } .page-options-2019 { max-width:1200px; margin:0px auto; } .page-options-2019 ul { list-style:none; font-size:0; } .page-options-2019 ul li { display:block; width:100%; padding:20px; } .page-options-2019 ul li div:first-child { padding:20px 20px 10px 20px; background-color:rgba(0,0,0,0.25); text-align:center; font-size:16px; color:#FFF; font-weight:300; } .page-options-2019 ul li h3 { font-size:26px; color:#FFF; font-weight:300; } .page-options-2019 .page-button-2019 a:hover { color:#FFF !important; } .sector-blurb-2019 { margin:0px auto; max-width:800px; text-align:center; } @media screen and (min-width: 800px) { .page-2019 { height:20vh; min-height:350px; } .page-blurb-2019 h2 { font-size:64px; } .page-blurb-2019 h3 { font-size:24px; } .sector-wrapper { display:table; } .sector-left { display:table-cell; width:25%; } .sector-right { display:table-cell; width:75%; } .sector-left-50 { display:table-cell; width:50%; } .sector-right-50 { display:table-cell; width:50%; } .page-options-2019 ul li { width:50%; display:inline-block; } } @media screen and (min-width: 1200px) { .page-2019 { height:20vh; min-height:450px; } .page-blurb-2019 h2 { font-size:96px; } .page-blurb-2019 h3 { font-size:32px; } } /** * 11.8 - Contact */ .contact-top { border-top:none !important; margin-top:-20px !important; } .contact-top h2 { text-align:center; padding-bottom:20px; } .contact-promo { border-top:2px solid #DDD; } /** * 12.0 - Media */ .googlemap { display:block; margin:-20px -40px; height:500px; } .googlemap iframe { width:100%; height:100%; display:block; pointer-events:none; position:relative; } /** * 12.1 - Captions */ .msgbox-red { border:2px solid #F00; background-color:#FDD; text-align:center; padding:20px; width:100%; } .msgbox-red p { font-size:16px; color:#333; font-weight:600; } /** * 12.2 - Galleries */ /** * 12.3 - Embeded PDFs */ .pdf-wrapper { position:relative; padding-bottom:146%; margin:10px 0px -30px 0px; } .pdf-object { position:absolute; top:0; left:0; bottom:0; right:0; } /** * 13.0 - Multisites */ .bookings-wrapper { width:100%; height:1620px; margin:-122px auto 0px auto; } .bookings-iframe { left:0; right:0; top:0; bottom:0; width:100%; height:100%; display:block; position:relative; } @media screen and (min-width: 700px) { .bookings-wrapper { width:100%; height:1620px; margin:-112px auto 0px auto; } .bookings-iframe { left:0; right:0; top:0; bottom:0; width:100%; height:100%; display:block; position:relative; } } @media screen and (min-width: 1038px) { .bookings-wrapper { width:100%; height:1320px; margin:-110px auto 0px auto; } .bookings-iframe { left:0; right:0; top:0; bottom:0; width:100%; height:100%; display:block; position:relative; } } /** * 14.0 - Media Queries */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /** * 15.0 - Print */ /** * 15.0 - Survey */ .question-section-id-9, .question-section-id-10, .question-section-id-11, .question-section-id-12, .question-section-id-13 { margin-left:30px !important; padding:0px 0px 5px 0px !important; } .question-section-id-9 .mlw_qmn_question, .question-section-id-10 .mlw_qmn_question, .question-section-id-11 .mlw_qmn_question, .question-section-id-12 .mlw_qmn_question, .question-section-id-13 .mlw_qmn_question { font-size:14px !important; display:inline-block !important; width:70px !important; } .question-section-id-9 input, .question-section-id-10 input, .question-section-id-11 input, .question-section-id-12 input, .question-section-id-13 input { display:inline-block !important; width:100px !important; }