/* Theme Name: Smartsims Author: Smartsims International Ltd Author URI: https://www.smartsims.com/ Description: Smartsims International Ltd Theme for www.smartsims.com. This is a child theme of twentythirteen, so twentythirteen MUST be present. Created from file diff of original twentythirteen theme and the mashed up files that the Web Guys developed for Smartsims. Template: twentythirteen Version: 1.0 License: No public use allowed - for Smartsims International Ltd only */ /*=============================================================================================================*/ /* Smartsims / WebGuys modifications to TwentyThirteen theme */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ a:hover { text-decoration: none; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ /* Nick 8 Aug 2018 - fix the ugly on the 404 page */ .error404 .page-title { padding-top: 100px; padding-bottom: 50px; font-weight: bold; line-height: 1.0; } .error404 .page-title:before { display: none; } /* Form fields, general styles first. */ button, input, textarea { background:none; /* WebGuys removed these border: 2px solid #d4d0ba; font-family: inherit; padding: 5px; */ border: inherit; font-family: inherit; padding: inherit; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { /* WebGuys removed these background: #e05d22; background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); border: none; border-bottom: 3px solid #b93207; border-radius: 2px; color: #fff; display: inline-block; padding: 11px 24px 10px; text-decoration: none; */ background: inherit; border: inherit; border-bottom: inherit; border-radius: inherit; color: inherit; display: inherit; padding: inherit; text-decoration: inherit; padding: 1px 6px; display: inline-block; } button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { /* WebGuys removed these background: #ed6a31; background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); outline: none; */ background: inherit; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { /* WebGuys removed these background: #d94412; background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); background: linear-gradient(to bottom, #d94412 0%, #e05d22 100%); border: none; border-top: 3px solid #b93207; padding: 10px 24px 11px; */ background: inherit; border: inherit; padding: inherit; } /** * 3.0 Basic Structure * ---------------------------------------------------------------------------- */ .site { /* WebGuys removed these background-color: #fff; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; margin: 0 auto; max-width: 1600px; width: 100%; */ background-color: inherit; border-left: inherit; border-right: inherit; margin: inherit; max-width: inherit; width: inherit; } /** * 4.0 Header * ---------------------------------------------------------------------------- */ /** * 4.1 Site Header * ---------------------------------------------------------------------------- */ /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ .main-navigation { clear: both; /* WebGuys removed these margin: 0 auto; max-width: 1080px; min-height: 45px; position: relative; */ margin: inherit; max-width: inherit; min-height: inherit; position: inherit; margin: 0; } /* Navbar */ .navbar { /* WebGuys removed these background-color: #f7f5e7; margin: 0 auto; max-width: 1600px; width: 100%; */ background-color: inherit; margin: inherit; max-width: inherit; width: inherit; } /** * 5.0 Content * ---------------------------------------------------------------------------- */ .hentry { /* WebGuys removed these padding: 40px 0; */ padding: inherit; padding: 0; } .entry-header, .entry-content, .entry-summary, .entry-meta { /* WebGuys removed these margin: 0 auto; max-width: 604px; width: 100%; */ margin: 0; margin-bottom: 30px; max-width: none; /* max-width: inherit; width: inherit; */ } /* Nick 20170510 - padding / seperator between articles for category / tag archive pages */ .archive.category .entry-content, .archive.tag .entry-content { padding-bottom: 15px; margin-bottom: 45px; border-bottom: 1px solid black; } /** * 5.1 Entry Header * ---------------------------------------------------------------------------- */ /** * 5.2 Entry Meta * ---------------------------------------------------------------------------- */ /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content a, .comment-content a { /* WebGuys removed these color: #bc360a; */ /* Nick 22 Nov 2016 - get rid of inherit - breaks links in articles */ /*color: inherit;*/ /* Nick 20170410 - Ian's preference - Smartsims blues */ color: #00AEEF; } .entry-content a:hover, .comment-content a:hover { /* WebGuys Removed these color: #ea9629; */ /* Nick 22 Nov 2016 - get rid of inherit - breaks links in articles */ /*color: inherit;*/ /* Nick 20170410 - Ian's preference - Smartsims blues */ color: #8ED8F8; } /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ /** * 5.5 Post Formats * ---------------------------------------------------------------------------- */ /** * 5.6 Attachments * ---------------------------------------------------------------------------- */ /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ /** * 5.8 Author Bio * ---------------------------------------------------------------------------- */ /** * 5.9 Archives * ---------------------------------------------------------------------------- */ /** * 5.10 Search Results/No posts * ---------------------------------------------------------------------------- */ /** * 5.11 404 * ---------------------------------------------------------------------------- */ /** * 5.12 Comments * ---------------------------------------------------------------------------- */ /** * 5.13 Multisite * ---------------------------------------------------------------------------- */ /** * 6.0 Sidebar * ---------------------------------------------------------------------------- */ /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .widget { /* WebGuys removed these background-color: rgba(247, 245, 231, 0.7); font-size: 14px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 24px; padding: 20px; word-wrap: break-word; */ background-color: inherit; font-size: inherit; -webkit-hyphens: inherit; -moz-hyphens: inherit; -ms-hyphens: inherit; hyphens: inherit; margin: inherit; padding: inherit; word-wrap: inherit; /* initial doesn't work for any version of IE, and inherit doesn't fix all problems either - stick some defaults in */ /* background-color: #ffffff; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; margin: 0; padding: 0; word-wrap: inherit; */ margin: 0; padding: 0; } .widget .widget-title { /* WebGuys removed these font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif; margin: 0 0 10px; */ font: inherit; margin: inherit; } .widget a { color: #012B62; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ @media (max-width: 643px) { .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /*=============================================================================================================*/ /* Smartsims / WebGuys modifications to TwentyThirteen theme */ #mc_embed_signup { background: none!important; clear: left; font: 14px Helvetica,Arial,sans-serif; } #mc_embed_signup form { display: block; position: relative; text-align: left; padding: 0%!important; } #mc_embed_signup input.button { background: #002c65!important; color: #fff!important; font-family: 'Raleway', sans-serif!important; border: none!important; text-transform: uppercase!important; font-size: 13px!important; padding: 0px!important; } #mc_embed_signup input.email { font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display: block; padding: 0 0.4em; margin: 0 4% 10px 0; min-height: 32px; width: 58%!important; min-width: 130px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .benefits-area .t-left-area.home-img { background:url(/wp-content/uploads/2016/09/WhyInstructorsLoveUsDarlThumb.jpg) no-repeat!important; /* Nick 20170410 */ min-height:360px;} .benefits-area .b-right-area.home-img { background:url(/wp-content/uploads/2016/09/ProvenToBenefitThumb.jpg) no-repeat!important; min-height: 360px;} .benefits-area.business_simulation .t-left-area { background:url(/wp-content/uploads/2016/09/ProvenToBenefitThumb.jpg) no-repeat!important; min-height: 360px;} .imglink { background:url(/images/cust-img-11.png) no-repeat top center; padding:40px; min-height: 210px;} .imglink-1 { background:url(/images/cust-img-12.png) no-repeat top center; padding:40px; min-height: 210px;} .imglink-2 { background:url(/images/cust-img-13.png) no-repeat top center; padding:40px; min-height: 210px;} .imglink-3 { background:url(/images/resource-icon4a.png) no-repeat top center; padding:40px; min-height: 210px;} #HallOfFameData .HallOfFameAnchors ul { text-align:center!important; padding:0px!important;} /* extra padding for pages that do not have a slider at the top */ /* also see the media queries for below 620px where we adjust margin because of this */ /* page-id-60 is the contact us page */ .page-id-60 .page { padding-top:110px!important;} /* Smartsims - page-id-669 is the Thank You page displayed after form post */ .page-id-669 .page { padding-top:110px!important;} /* Smartsims - page-id-1740 is the Contact Our Support Team page */ .page-id-1740 .page { padding-top:110px!important;} /* Smartsims - page-id-1833 is the Register Single-Player page */ .page-id-1833 .page { padding-top:110px!important;} /* Smartsims - page-id-2001 is the Firewall Docs page */ .page-id-2001 .page { padding-top:110px!important;} /* Smartsims - page-id-2006 is the lab-install page */ .page-id-2006 .page { padding-top:110px!important;} /* Smartsims - page-id-2044 is the connection-info page */ .page-id-2044 .page { padding-top:110px!important;} /* Smartsims 20 Sept 2016 - ditto for the category pages eg. /popular/ */ .archive.category #content, .archive.tag #content { padding-top:110px!important;} .home .products-area p { padding:0px!important;} .grid-container.grid-4 .grid-box:nth-child(1) img { width:102%!important; height:auto;} .grid-container.grid-4 .grid-box:nth-child(1) { width:65%!important; } .grid-container.grid-4 .grid-box:nth-child(2), .grid-container.grid-4 .grid-box:nth-child(3) { width:35%!important;} .ubermenu #menu-item-423 a:hover, .ubermenu #menu-item-4827 a:hover, .ubermenu #menu-item-107 a:hover{ border:none!important;} .article_content img { float:left!important; margin-right:20px!important;} .cat-post-item { border:none!important;} .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after{ display:none!important;} .right-area .pt-cv-thumbnail { min-height:240px!important;} .single .site-content { width:100%;} .right-area{ float: right; width: 200px; margin-left: 30px;} .blog .right-cust .cat-post-item img, .single .right-cust .cat-post-item img { float:left!important; width:100px!important} .blog .right-cust .cat-post-item .post-title, .single .right-cust .cat-post-item .post-title { float:right!important; width:200px!important; color:#012B62!important;} .blog .right-cust .widget-title, .single .right-cust .widget-title { font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #206DA4; text-transform: uppercase;} .single article .similar-articles { display:none;} .single article.category-case-study .entry-thumbnail { display:none!important;} .single article.category-case-study .similar-articles { display:inherit!important;} .single .similar-articles ul li { float:left!important; width:30%!important; margin-right:3%;} .single .similar-articles .widget-title { display:none!important;} .single .similar-articles .post-title {font-size: 22px; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; color: #206DA4;} .single .similar-articles .title-main {font-size: 28px; font-family: 'Raleway', sans-serif; text-align:center; font-weight: 700; text-transform: uppercase; color: #206DA4;} .blog article.category-case-study { display:none!important;} .blog article.category-case-study.entry-content h2 { color: #206DA4; font-family: "Raleway",sans-serif; font-size: 22px; margin: 0; margin-bottom: 25px;} .blog .entry-thumbnail img { height:234px!important;} /*.footer-top-most { padding-bottom:70px;}*/ .footer-top-most .left-area { float:left; width:66.4%; /*margin-right:3%;*/} .footer-top-most .right-area { float:left; width:28%; margin-right:3%; margin-left:0px!important;} .footer-top-most .rpwwt-widget ul li img { margin:0px!important; float:none!important;display:block!important;} .blog .left-cust .entry-header .entry-title { line-height:0.7; } .blog .left-cust .entry-header .entry-title a { font-size:20px;} .footer-top-most .rpwwt-widget li { float:left!important; width:45%!important; margin-right:5%; background:#f3f3f3!important; padding:0 0 20px 0; min-height:420px;} .footer-top-most .rpwwt-widget li .rpwwt-post-title { font-size:24px; font-weight:200!important; font-family: 'Raleway', sans-serif; min-height:160px; color:#0389de!important; margin:0px; text-align:left; display:block!important; float:none!important; text-transform:capitalize!important; padding:27px 20px 27px 20px!important ; text-transform:capitalize!important; } .footer-top-most .rpwwt-widget li .rpwwt-post-excerpt { color:#545454;font-family: 'Raleway', sans-serif; padding:0px 20px!important; } .simulation_resources_container a { display:block!important; color: #0189C8; text-decoration: none; outline: 0;} div.wpcf7-mail-sent-ok { display:none!important;} .single .slider { display:none;} #rpwwt-recent-posts-widget-with-thumbnails-4 img {padding:0; margin:0;} #content .rpwwt-widget li { float:left!important; width:45%!important; margin-right:5%; background:#fff!important; padding:0 0 20px 0;} #content .rpwwt-widget li .rpwwt-post-title { font-size:18px; font-family: 'Raleway', sans-serif; color:#206DA4; text-transform:uppercase; font-weight:500; margin-bottom:15px; float:none; display:block; padding:10px 20px; clear:both; min-height:75px;} #content .rpwwt-widget li .rpwwt-post-excerpt { font-size:13px; font-family: 'Raleway', sans-serif; color:#5a5a5a; font-weight:500; padding:0px 20px; } /* hide the first three articles on the assumption they will appear in the WP PostGrid disable this line if you do not use the WP PostGrid Nick 21 Oct 2016 - disable it anyway - see functions.php */ /* .blog #content .left-cust article:nth-child(1), .blog #content .left-cust article:nth-child(2), .blog #content .left-cust article:nth-child(3) { display:none!important;} */ .pt-cv-colsys { margin:0px!important;} .pt-cv-wrapper .col-md-6 {width:100%!important; padding:0px!important; background:#f3f3f3!important; min-height:420px!important;} .pt-cv-wrapper .pt-cv-title a { font-size:24px; font-weight:200!important; font-family: 'Raleway', sans-serif; color:#0389de!important; margin:0px; text-align:left; padding-left:20px!important; display:block; text-transform:capitalize!important; min-height:140px; } .pt-cv-content { color:#545454;font-family: 'Raleway', sans-serif; padding-left:20px!important; } .pt-cv-view a, .pt-cv-wrapper .btn { background:none!important; text-transform:uppercase; font-size:13px; font-family: 'Raleway', sans-serif; margin:0; padding:20px 0px; color:#545454; font-weight:700; border:none!important;} .pt-cv-wrapper .entry-content img { width:100%; height:auto;} button { display:inherit; border:none;} .right-cust .wpcf7 button { color:#fff; padding:7px; text-align:center; text-transform:uppercase; width:100%; } /* .grid-container .grid-box .title_grid a { font-size:40px; font-family: 'Raleway', sans-serif; color:#fff; font-weight:200; text-transform:uppercase; background:none!important; margin-bottom:30px; line-height:1.7!important;} .grid-container .grid-box .title_grid { background:none!important; opacity:1!important;} */ .grid-container .grid-box .title_grid a { font-size:40px; font-family: 'Raleway', sans-serif; color:#fff; font-weight:200; text-transform:uppercase; background:none; margin-bottom:30px; line-height:1.7!important;} .grid-container .grid-box .title_grid { background:none; opacity:1;} .grid-container.grid-4 .grid-box.align-right img { width:100%; height:auto;} .grid-container.grid-4 { height:370px!important;} .grid-container.grid-4 .grid-box img { background:#000!important; opacity:0.6!important;} #logo { margin:0px;} header.smaller{border: none !important;} .container { width:1200px; margin:0px auto;} .ss_products_area .container { padding: 35px 0; } /* Nick 20170410 - Ian wants horizontal stripes, so have to stop container from containing and use ss_section and ss_bg.ltgray etc :) */ /* Jarrod 20211811 - Added a white version for consistency */ .container_bg.ltgray{ background-color: #F0F0F0; } .container_bg.white{ background-color: white; } .home .entry-header { display:none;} .site-content { width:1200px; margin:0px auto;} .home .site-content { width:100%!important;} .blog article.post { float:left; width:45%; margin-right:5%; min-height:360px;} .blog article.post .entry-content { display:none;} .blog article.post .entry-summary { display:none;} .blog .entry-title a { font-size:24px; font-weight:300; color:#0389de;} .blog .entry-meta .categories-links { display:none;} .blog .entry-meta .edit-link { display:none;} .blog .entry-meta .comments-link { display:none;} .blog .entry-meta .date a:before { content:none;} .blog .entry-meta .entry-date { float:right; font-family: 'Raleway', sans-serif; font-size:13px; color:#7f7f7f;} .single-author .entry-meta .author { display:inherit!important; float:left; width:30%; text-transform:capitalize; font-family: 'Raleway', sans-serif; font-size:13px; } .single-author .entry-meta .author a { color:#7f7f7f;} .entry-meta .author a:before { content:none!important;} .archive.category .entry-meta, .archive.tag .entry-meta { display: none; } .single .comment-respond { display:none;} .single .post-navigation { display:none;} .single .entry-meta .author { display:none!important;} .single .entry-meta { display:none!important;} .posts-page-main { background:#f6f6f6; padding:90px 0px; /* Nick 0502 */ padding: 45px 0px;} .ms-slide-info.ms-dir-h { width:1200px!important; margin:0px auto!important; min-height:0px!important; } .ms-slide-info.ms-dir-h .ms-info { position:absolute!important; margin-top:-400px!important; width:100%!important; } .ms-slide-info.ms-dir-h .ms-info .text { color:#fff; font-family: 'Raleway', sans-serif; font-weight:200; font-size:40px; line-height:1.3; margin-bottom:20px; text-transform:uppercase; width: 60%; display: inline-block;} .ms-slide-info.ms-dir-h .ms-info .text a{ display: inline-block; outline: 0; text-decoration: none; } .ms-slide-info.ms-dir-h .ms-info .text span { font-weight:700;} .ms-slide-info.ms-dir-h .ms-info .btn-1 { float:left; width:180px; font-family: 'Raleway', sans-serif; color:#fff; padding:10px 20px; background:url(/images/btn-1.png) #002c65 no-repeat 185px 10px; border-radius:5px; border:none!important; font-size: 14px; margin-top: 25px; opacity: .8;} .ms-slide-info.ms-dir-h .ms-info .btn-1:hover { opacity:1;} .ms-slide-info.ms-dir-h .ms-info .btn-2 { float:left; width:180px; font-family: 'Raleway', sans-serif; background:url(/images/btn-2.png) #00477e no-repeat 185px 15px; color:#fff; margin-left:20px; padding:10px 20px; border-radius:5px; border:none!important;} .ms-slide-info.ms-dir-h .ms-info .btn-2:hover { opacity:0.7;} /* Nick 6-Aug-2018 - add support button - width decrease from 30% - see matching change to .navbar */ .logo-area { float:left; width:21%; transition-duration:2s;} /* Nick 6-Aug-2018 - add support button - width increase from 73% - see matching change to .logo-area */ .navbar { float:right; width:72%; margin-top:25px; /* Nick 0419 */ margin-top: 0px;} .navbar .ubermenu ul li .ubermenu-submenu ul { padding-top:20px;} .navbar .ubermenu ul li .ubermenu-submenu ul li{ padding-top:0px; margin-bottom:0px;} /* /* Nick 6 Aug 2018 - change the top offset for ubermenu links because the ubermenu is now wider and taller with Support button */ .navbar .ubermenu ul li .ubermenu-submenu ul li a.ubermenu-target { position:absolute; margin:165px 0px 30px 20px!important; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#005897!important; font-size:11px!important; padding:0px!important;} /* Nick - Adjust the position of ubermenu link relative to image for resource menu */ .navbar .ubermenu ul li .ubermenu-submenu-id-106 ul li a.ubermenu-target { margin:125px 0px 30px 20px!important; /*margin:112px 0px 30px 20px!important;*/} .navbar .ubermenu ul li.ubermenu-current-menu-ancestor .ubermenu-submenu ul li.ubermenu-current_page_item a { color:#000!important;border-bottom:2px solid #000!important;} .navbar .ubermenu ul li.ubermenu-current-menu-ancestor a { color:#000!important; border-bottom:2px solid #000!important;} .navbar .ubermenu ul li .ubermenu-submenu ul li a { border:none!important; color:#005897!important;} .navbar .ubermenu ul li#menu-item-105 .ubermenu-submenu ul li .ubermenu-target{ margin-top: 140px; } .navbar .ubermenu ul li .ubermenu-submenu { border-radius:5px; background:#fff!important; box-shadow:none!important; border:none!important;} .navbar .ubermenu ul li .ubermenu-submenu ul li .ubermenu-content-block p { margin-top:30px; color:#7f7f7f; font-family: 'Raleway', sans-serif; font-size:12px!important; } .navbar .ubermenu ul li .ubermenu-submenu ul li .ubermenu-content-block { padding-bottom:0px; } .navbar .ubermenu-skin-black-white-2 { background:none!important; border:none!important;} .navbar .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target { font-family: 'Raleway', sans-serif!important; color:#206da4 !important; background:none !important; padding:3px 0px!important; margin:0px 19px!important;} .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-target:hover { background:none; color: #000!important; border-bottom:2px solid #000!important;} .navbar .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target { background:none!important; font-family: 'Raleway', sans-serif!important; color:#000!important; border-bottom:2px solid #000!important;} .navbar .ubermenu ul li .ubermenu-submenu ul li .ubermenu-target:active { color:#000!important; border-bottom:2px solid #000!important;} .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { background:none!important;} .products-area { background:#f6f6f6; padding:50px 0px;} .products-area p { font-size:18px; font-family: 'Raleway', sans-serif; color:#545454; padding:10px 170px 30px 170px; margin-bottom:0px; text-align:center;} .products-area .heading { text-align:center; padding:35px 0px; /* Nick 20170410 padding: 0;*/} .products-area .heading:first-child { padding: 0; } .products-area .box { float:left; width:24%; margin-right:1%; padding-top:50px;} .products-area .box h4 { font-size:18px; font-family: 'Raleway', sans-serif; font-weight:500; text-transform:uppercase; color:#005897; } .products-area .box p { font-size:13px; font-family: 'Raleway', sans-serif; color:#545454; padding:0 20px 0 0; margin-bottom:0px; text-align:left; } .products-area .box:hover .detail { background:#f3f3f3!important;} .products-area .box button { text-transform:uppercase; font-size:11px; font-family: 'Raleway', sans-serif; margin:0; padding:20px 0px; color:#545454; font-weight:700;} .benefits-area .t-left-area { float:left; width:50%; /* Nick 20170410 background:url(/images/t-left-area.png) no-repeat; background-size:cover;*/ /*min-height:360px;*/} .benefits-area .t-right-area { float:right; width:50%;} .benefits-area .t-right-inner { width:auto; float:left; min-height:auto; padding:50px 50px 0 50px; /* Nick 20170410 background: #fff;*/} .benefits-area .t-right-inner h2 { font-size:32px; margin-bottom:30px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#005897; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .benefits-area .t-right-inner p { font-size:16px; font-weight:400; font-family: 'Raleway', sans-serif; text-align:left;} .benefits-area .t-right-inner ul li { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif;} .benefits-area .t-right-inner .btn { width:210px; font-family: 'Raleway', sans-serif; color:#fff; padding:10px 20px; background:url(/images/btn-1.png) #002c65 no-repeat 180px 12px; border-radius:5px; margin:30px 0; font-size:13px; text-transform:uppercase; } .benefits-area .b-right-area { float:right; width:50%; /* Nick 20170410 background:url(/images/t-left-area.png) no-repeat; background-size:cover; min-height:300px; */} .benefits-area .b-left-area { float:left; width:50%; background:#f6f6f7;} .benefits-area .b-left-inner { width:auto; float:left; min-height:280px; padding:50px 50px;} .benefits-area .b-left-inner h2 { font-size:32px; margin-bottom:30px; margin-top: 0; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#005897; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .benefits-area .b-left-inner p { font-size:16px; font-weight:400; font-family: 'Raleway', sans-serif; text-align:left;} .benefits-area .b-left-inner ul li { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif;} .benefits-area .b-left-inner .btn { width:210px; font-family: 'Raleway', sans-serif; color:#fff; padding:10px 20px; background:url(/images/btn-1.png) #002c65 no-repeat 180px 12px; border-radius:5px; margin:30px 0; font-size:13px; text-transform:uppercase; } .productss .heading { text-align:center;} .productss .main {font-size:18px; font-family: 'Raleway', sans-serif; color:#545454; padding:10px 170px 30px 170px; margin-bottom:0px; text-align:center;} .productss .boxes .box { float:left; width:30%; margin-right:3%; text-align:center;} .productss .boxes .box h3 { font-size:24px; margin-bottom:10px; font-family: 'Raleway', sans-serif; color:#005897; } .productss .boxes .box p { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif; color:#8b8b8b; padding:10px 20px;} .productss .boxes .icon { text-align:center; width:130px; padding:30px 0px; background:#002c65; border-radius:50%; margin:20px auto;} .we-do-area .heading { text-align:center; margin-bottom:40px;} .we-do-area p { text-align:center; font-size:16px; font-family: 'Raleway', sans-serif; color:#747474; } .we-do-area .left-area { float:left; width:46%; padding:30px 0px;} .we-do-area h2 { font-size:32px; margin-bottom:10px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#005897; } .we-do-area .right-area { float:right; width:46%; padding:30px 0px;} .we-do-area .left-area p, .we-do-area .right-area p { text-align:justify;} .we-do-area .cust { margin-top:70px;} .mikes-area { padding:70px 0px 0px 0;} .mikes-area .box { float:left; width:30%; margin-right:2%; margin-bottom: 30px; padding: 25px;} /* Nick 20170410 - try out the hover zoom effect. Probably don't really want it in general */ .hoverzoom { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all .8s ease; /* Firefox */ -ms-transition: all .8s ease; /* IE 9 */ -o-transition: all .8s ease; /* Opera */ transition: all .8s ease; } /* Nick 20170410 - try out the hover zoom effect. Probably don't really want it in general */ .hoverzoom:hover { -webkit-transform:scale(1.05); /* Safari and Chrome */ -moz-transform:scale(1.07); /* Firefox */ -ms-transform:scale(1.07); /* IE 9 */ -o-transform:scale(1.07); /* Opera */ transform:scale(1.07); } .mikes-area .box .pimg_box img{ width: 100%; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all .8s ease; /* Firefox */ -ms-transition: all .8s ease; /* IE 9 */ -o-transition: all .8s ease; /* Opera */ transition: all .8s ease; } .mikes-area .box .pimg_box img:hover{ -webkit-transform:scale(1.05); /* Safari and Chrome */ -moz-transform:scale(1.07); /* Firefox */ -ms-transform:scale(1.07); /* IE 9 */ -o-transform:scale(1.07); /* Opera */ transform:scale(1.07); } .mikes-area .box p{ display: none; } .productss .boxes .box a {font-family: 'Raleway', sans-serif; font-size: 12px; text-align: center; float: none; display: block; border: 0; background-color: #002C65; color: #fff; text-transform: uppercase; padding: 0 15px; border-radius: 5px; height: 28px; line-height: 28px; margin: 0 auto; margin-top: 20px;} .mikes-area .box .product_descp{ font-family: 'Raleway', sans-serif; font-size: 16px; text-align: left; color: #595959; margin: 0; font-weight: 400; margin-top: 15px; margin-bottom: 15px; min-height: 62px; } .mikes-area .box .product_btn{ font-family: 'Raleway', sans-serif; font-size: 12px; text-align: center; float: none; display: block; border: 0; background-color: #002C65; color: #fff; text-transform: uppercase; padding: 0 15px; border-radius: 5px; height: 28px; line-height: 28px; margin: 0 auto; margin-top: 20px; opacity: .8; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .mikes-area .box .product_btn .fa{ margin-left: 30px; font-size: 14px; } .mikes-area .box .product_btn:hover{ opacity: 1; } .say-area { padding:40px 0px; background:#fff;} .say-area .heading { text-align:center;} .say-area .heading h1 span { display:block;} .say-area .box-detail { background:#efefef;padding:25px 30px; border-radius:5px;} .say-area .box { float:left; width:30%; margin-right:3%; background:url(/images/say-bottom.png) no-repeat 260px bottom;} .say-area .box.cust { background:none!important;} .say-area .box-detail h2 { font-size:24px; font-family: 'Raleway', sans-serif; margin-bottom:15px;} .say-area .box-detail p { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif; } .say-area .box h4 { font-size:18px; font-family: 'Raleway', sans-serif; margin:0px; padding:8px 15px; color:#005897;} .business-area { padding:20px 0px;} .business-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; margin-bottom:40px; text-align:center;} .business-area .heading { text-align:center; } .business-area .box { float:left; width:30%; margin-right:3%;} .business-area .box .detail { padding:20px; background:#f3f3f3;} .business-area .box .detail button { text-transform:uppercase; font-size:13px; font-family: 'Raleway', sans-serif; margin:0; padding:20px 0px; color:#545454; font-weight:700;} .business-area .box h3 { font-size:24px; font-weight:200; font-family: 'Raleway', sans-serif; color:#0389de; margin:0px 0 20px 0; text-align:left;} .business-area .box p { color:#545454;font-family: 'Raleway', sans-serif; } .schedule-banner { background-attachment:fixed; background:url(/wp-content/uploads/2016/09/Product-Section-BackgroundImageMed.jpg) no-repeat; background-size:cover; padding:70px 0px; } .schedule-banner .heading { text-align:center;} .schedule-banner .heading h1, .schedule-banner .heading h2 { color:#fff;} .schedule-banner .heading h1 span, .schedule-banner .heading h2 span { display:block;} .schedule-banner .btn { width:210px; font-family: 'Raleway', sans-serif; color:#fff; padding:10px 20px; background:url(/images/btn-1.png) #002c65 no-repeat 180px 12px; border-radius:5px; margin:10px auto; font-size:13px; text-transform:uppercase; } .schedule-banner .btn:hover { opacity:0.7;} .footer { background:#e3e3e3; padding:50px 0px;} .footer .f-box { float:left; width:32%; margin-right:1%; padding-left: 100px;} .footer .f-box .s_icons .fa{ display: inline-block; margin-right: 10px; font-size: 20px; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 35px; background-color: #002B62; color: #fff; } .footer .f-box .s_icons .fa:hover{ background-color: #206DA4; } .footer .widget-title { font-size:20px; font-family: 'Raleway', sans-serif; text-transform:uppercase; color:#005897; margin: 15px 0; } .footer .menu-footer-navigation-container li a { font-size:14px; line-height: 25px; font-family: 'Raleway', sans-serif; color:#5c5c5c; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .footer .menu-footer-navigation-container li a:hover{color: #000;} .footer .menu-footer-navigation-container li { padding:0px; background: none; 8px; } .footer .menu-support-container li a { font-size:14px; line-height: 25px; font-family: 'Raleway', sans-serif; color:#5c5c5c; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .footer .menu-support-container li a:hover{color: #000;} .footer .menu-support-container li { padding:0px; background: none; 8px; } .footer .menu-footer-company-container li a { font-size:11px; font-family: 'Raleway', sans-serif; color:#5c5c5c;} .footer .menu-footer-company-container li { padding:0px; line-height:1.2; background:url(/images/menu-listing.png) no-repeat left 8px; padding-left:20px;} .footer .wpcf7 .wpcf7-text { border:1px solid #b9b9b9; border-radius:4px; padding:10px!important;} .footer .f-box p { font-size:11px; font-family: 'Raleway', sans-serif; color:#5c5c5c;} .footer .wpcf7 .wpcf7-submit { background:#002c65; color:#fff; font-family: 'Raleway', sans-serif; border:none!important; text-transform:uppercase; font-size:13px; padding:6px 10px;} .footer .wpcf7 p { margin-bottom:10px;} .footer ::-webkit-input-placeholder { color: #c4c4c4; font-family: 'Raleway', sans-serif!important; font-size:13px; } .footer :-moz-placeholder { /* Firefox 18- */ color: #c4c4c4; font-family: 'Raleway', sans-serif!important; font-size:13px; } .footer ::-moz-placeholder { /* Firefox 19+ */color: #c4c4c4; font-family: 'Raleway', sans-serif!important; font-size:13px; } .footer :-ms-input-placeholder { color: #c4c4c4; font-family: 'Raleway', sans-serif!important; font-size:13px; } .left-cust { float:left; width:65%; padding-top:40px;} .right-cust { float:right; width:27%; padding-top:40px; padding-bottom:50px;} .wpcf7 button { padding:0px!important; background:none!important; border:0px;} .entry-header .entry-title { font-size:40px; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; color:#005897; } .archive-header .archive-title { font-size:40px; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; color:#005897; font-style:normal; } .archive-header{ background-color: white; border-bottom: 1px solid black; padding-bottom: 0px; margin-bottom: 45px; text-align: center;} /* Nick 20170410 - Ian's preference - Smartsims blues */ .entry-title a {color:#005897;} .entry-title a:hover {color: #8ED8F8;} .right-cust .contact-page h1 { font-size:40px; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; color:#005897; margin-top:0px; } .right-cust .contact-page .box img { float:left; padding-top:4px;} .right-cust .contact-page p { float:left; font-size:16px; margin:0px; font-family: 'Lato', sans-serif; color:#8b8b8b; } .right-cust .contact-page .box { border: 1px solid #eeeeee; padding:30px 0px; margin-bottom:40px;} .right-cust .box-area .box { padding:10px 0px !important;} .left-cust .wpcf7 .left { float:left; width:43.5%; margin-right:3%; margin-bottom:15px!important;} .left-cust .wpcf7 .left .wpcf7-text { border:none; padding:8px; background:#f1f2f3; border-radius:4px; border: 1px solid #a0a0a0;} .left-cust .wpcf7 .wpcf7-textarea { border:1px solid #a0a0a0; padding:8px; width:86%; background:#f1f2f3; border-radius:4px; float: left; height: 150px; /*margin-left: 3%;*/} .left-cust .wpcf7 .wpcf7-submit { border:none; background:#404448; color:#fff; font-size:20px; font-family: 'Lato', sans-serif; font-weight:300; padding:10px 20px!important; text-transform:uppercase; } .left-cust .wpcf7 .wpcf7-submit:hover { background:#6d6d6d;} .map { height:300px; margin-top:20px;} #popups-cnt span.wpcf7-list-item { display:block!important; width:60%!important;} #popups-cnt .wpcf7 .left { margin-bottom:15px!important;} #popups-cnt .wpcf7 .left label { display:block; margin-bottom:10px;} #popups-cnt .wpcf7 .left .wpcf7-text { border:none; padding:15px; background:#f1f2f3; border-radius:4px; width: 100%;} #popups-cnt .wpcf7 .wpcf7-textarea { border:none; padding:15px; width:86%; background:#f1f2f3; border-radius:4px; float: left; width: 100%;} #popups-cnt .wpcf7 .wpcf7-submit { border:none; background:#404448; color:#fff; font-size:20px; font-family: 'Lato', sans-serif; font-weight:300; padding:10px 20px!important; text-transform:uppercase; margin-top:30px; } #popups-cnt .wpcf7 .wpcf7-submit:hover { background:#6d6d6d;} #popups-cnt { padding:30px!important;} .left-cust .wpcf7 .contact_submitbtn{ float: right; margin-top: 10px; margin-right: 11.5%; } .left-cust ::-webkit-input-placeholder { opacity: 1; color: #999999!important; } /* gray80 */ .left-cust :-moz-placeholder { opacity: 1; color: #999999!important; } /* Firefox 18- (one color)*/ .left-cust ::-moz-placeholder { opacity: 1; color: #999999!important; } /* Firefox 19+ (double colons) */ .left-cust :-ms-input-placeholder { opacity: 1; color: #999999!important; } .blog #posts { float:left!important; width:50%!important;} .right-cust .newsletter-area { background:#e1e1e1; padding:20px 13px; border-radius:5px;} .right-cust h2 { font-size:16px; font-family: 'Raleway', sans-serif; font-weight:700; color:#005897; text-transform:uppercase; } .right-cust ul { margin-bottom:30px!important;} .right-cust ul li { font-size:14px; font-family: 'Raleway', sans-serif; font-weight:300; color:#005897; } .right-cust .newsletter-area h1 { font-size:24px; color:#005897; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:200; margin:7px 0 10px 0; } .right-cust .newsletter-area h1 span { font-weight:700; } .right-cust .newsletter-area .wpcf7 .wpcf7-text { border-radius:4px; padding:10px; border:1px solid rgb(165, 155, 155);} .right-cust .newsletter-area .wpcf7 p { margin-bottom:15px;} .right-cust .newsletter-area .wpcf7 .wpcf7-submit { background:#002c65; border:none; padding:8px 0px; text-align:center; width:96%; font-family: 'Raleway', sans-serif; border-radius:4px; font-size:13px; color:#fff!important;} .right-cust .newsletter-area div.wpcf7 img.ajax-loader { display:none;} .right-cust .newsletter-area ::-webkit-input-placeholder { opacity: 1; color: #404040!important; font-family: 'Raleway', sans-serif; font-size:13px; } /* gray80 */ .right-cust .newsletter-area :-moz-placeholder { opacity: 1; color: #404040!important; font-family: 'Raleway', sans-serif; font-size:13px; } /* Firefox 18- (one color)*/ .right-cust .newsletter-area ::-moz-placeholder { opacity: 1; color: #404040!important; font-family: 'Raleway', sans-serif; font-size:13px; } /* Firefox 19+ (double colons) */ .right-cust .newsletter-area :-ms-input-placeholder { opacity: 1; color: #404040!important; font-family: 'Raleway', sans-serif; font-size:13px; } .page .entry-meta { display:none;} .page-id-100 .entry-title { display:none;} .business .mikes-area { padding:30px 0px 50px 0px;} .business p { text-align:center; font-size:14px; font-family: 'Raleway', sans-serif; color:#a3a3a3; padding:0px 170px!important;} .business h1 { font-size:40px; font-family: 'Raleway', sans-serif; text-align:center; font-weight:700; text-transform:uppercase; color:#005897; } .business h1 span { font-weight:200; display:block;} .page-template-full-width-page p { margin-bottom:17px; padding:0px;} .page-template-full-width-page .products-area .box:hover .detail { background:none!important;} .page-template-full-width-page .products-area .box { min-height:670px;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box{ /*margin-top: 20px !important;*/ bottom: -450px; position: absolute; z-index: 5; } .page .ms-slide-info.ms-dir-h .ms-info .purple_box .main-video-image { float:left; margin-right:10px;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box .no-hover { background:green!important;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box .no-hover:hover { background:#fff!important; color:#002C65!important;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box .no-hover a:hover { color:#002C65!important;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box p { font-size:15px; font-family: 'Raleway', sans-serif;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box .text { color:#002c65!important;} .products-page { background:#f0f0f0; margin-top: 75px; /* Nick 0419 */ margin-top: 35px; margin-top: 0px;} .products-page .left-area .heading h1 { font-size: 36px; } /* Nick 20170410 */ .products-page .left-area { float:left; width:45%;} .products-page .left-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase;} .products-page .right-area { float:right; width:45%; padding:47px 0 47px 0;} .products-page p { font-size:18px; font-family: 'Raleway', sans-serif; color:#5a5a5a; text-align:justify; } .products-page .quote { font-size:15px; font-family: 'Raleway', sans-serif; font-style:italic; color:#5a5a5a; font-weight:700;} .products-page .right-area .imagesss { position:relative; margin-top:-225px;} .products-page .right-cust-area { background:url(/images/mike-bikes-back.png) no-repeat; padding:40px 50px; background-size: cover; background-position: center center; margin-bottom: 40px; } .products-page .right-cust-area h1, .products-page .right-cust-area h2 { font-family: 'Raleway', sans-serif; font-weight:700;color:#fff; font-size:36px; margin:0; } .products-page .right-cust-area h1 span, .products-page .right-cust-area h2 span { font-weight:200; display:block;} .products-page .right-cust-area ul li { font-size:20px; font-family: 'Raleway', sans-serif; font-weight:200;color:#fff; margin:0; padding-bottom:7px;} .products-page .right-cust-area ul { padding-left:10px;} .what-we .left-area { float:left; width:45%;} .what-we .left-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase;} .what-we .left-area p { font-size:18px; font-family: 'Raleway', sans-serif; color:#5a5a5a; text-align:justify; } .what-we .right-area { float:right; width:45%;} .what-we .integrate-area .left-area { float:left; width:50%; background:url(/images/integrate-left.png) no-repeat; background-size:cover; min-height:500px;} .what-we .integrate-area .right-area { float:left; width:50%; background:#f2f2f2; min-height:500px;} .what-we .integrate-area .right-area .right-left-area { float:left; width:530px; margin-left:90px; padding-top:40px;} .what-we .integrate-area .right-area .right-left-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase;} .what-we .integrate-area .right-area .right-left-area p { font-size:18px; font-family: 'Raleway', sans-serif; color:#5a5a5a; text-align:justify; } .what-we .support-area .right-area { float:left; width:50%; background:url(/images/support-right.png) no-repeat; background-size:cover; min-height:500px;} .what-we .support-area .left-area { float:left; width:50%; min-height:500px;} .what-we .support-area .left-area .left-right-area { float:right; width:530px; margin-right:90px; padding-top:40px;} .what-we .history-area { text-align:center; background:url(/images/history.png) no-repeat; background-size:cover;} .what-we .history-area .heading h1 { color:#fff;} .what-we .history-area p { font-size:18px; font-family: 'Raleway', sans-serif; color:#5a5a5a; text-align:center; color:#fff; font-weight:100; margin:10px 90px; } .what-we .history-area { padding:50px 0px;} .what-we .partners-area .heading { text-align:center;} .what-we .partners-area h4 { font-size:22px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase;} .what-we .partners-area .head-area { float:left; width:50%;} .what-we .partners-area .imag{ float:left; width:50%; text-align:right;} .page-id-117 .site-content { width:100%;} .page-id-117 .entry-header { display:none;} .case-studies { background:#f6f6f6;} .case-studies .container { padding:13 0px 0px;} .case-studies .heading { text-align:center; background:url(/images/case-studies.png) no-repeat; background-size:cover; padding:160px 0px;} .case-studies .heading h1 { margin:0; color:#fff;} .case-studies .heading h2 { font-size:30px; font-family: 'Raleway', sans-serif; font-weight:200; text-transform:uppercase; margin:0; color:#fff;} .case-studies .left-area { float:left; width:48%; margin-right:2%; padding:80px 0px;} .case-studies .left-area img, .case-studies .right-area img { width:100%; height:auto;} .case-studies .right-area { float:right; width:48%; margin-left:2%; padding:80px 0px;} .case-studies .detail { background:#fff; padding:30px;} .case-studies .detail h4 { font-size:18px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase;} .case-studies .detail p { font-size:13px; font-family: 'Raleway', sans-serif; color:#5a5a5a; font-weight:500; } .case-studies .detail p span { display:block; margin-bottom:15px;} .business { border-bottom:2px solid #e0e0e0;} .business-menu ul li { list-style-type:none; display:inline; font-size:18px; font-family: 'Raleway', sans-serif; color:#005897; text-transform:uppercase; font-weight:700; padding:0px 30px; border-left:1px solid #b7b7b7; } .business-menu ul li:first-child { border:none;} .business-menu { padding:30px 0px;} .what-business-areas { padding:40px 0px; background:#f6f6f7;} .what-business .left-area { float:left; width:48%;} .what-business .right-area { float:right; width:48%;} .what-business h2 { font-size:32px; font-family: 'Raleway', sans-serif; font-weight:700; color:#005897; text-transform:capitalize; } .what-business p { font-size:18px; font-family: 'Raleway', sans-serif; color:#5a5a5a; text-align:justify; } .page-id-100 .boxes { padding:60px 0px;} .home .benefits-area { text-align:left; background: #fff;} .benefits-area { text-align:center;} .benefits-area p { text-align:center;} .benefits-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; margin-bottom:40px;} .experts-area .box-1 { float:left; width:31%; margin: 0 1%;} .experts-area .box-2 { float:left; width:31%; margin: 0 1%;} .experts-area .box-area { width:100%; margin:20px auto;} .experts-area h3 { font-size:30px; font-family: 'Raleway', sans-serif; color:#005897; margin-bottom:40px; text-align:center;} .experts-area .box-area h5 { font-size:24px; font-family: 'Raleway', sans-serif; color:#061b54; font-weight:400;} .experts-area .box-area h5 span { display:block; color:#8a899b;} .experts-area .box-area p { font-size:16px; font-family: 'Raleway', sans-serif; color:#a8a8a8; padding-right:20px;} .ms-parent-id-5 .heading h1 { color:#fff; margin:0px;} .ms-parent-id-5 .heading { color:#fff;} .ms-parent-id-5 .heading h2 { font-size:30px; font-family: 'Raleway', sans-serif; font-weight:200; text-transform:uppercase; margin:0; color:#fff;} .ms-parent-id-5 .ms-slide-info.ms-dir-h .ms-info { text-align:center; margin-top:-200px!important;} .page-id-102 .entry-header { display:none;} .page-id-102 .content-area { background:#fffef8;} .resources-menu { border-bottom:1px solid #b7b7b7; margin-bottom:50px;} .resources-menu ul li { list-style-type:none; display:inline; font-size:18px; font-family: 'Raleway', sans-serif; color:#a7a7a7; text-transform:uppercase; font-weight:700; padding:0px 30px; border-left:1px solid #b7b7b7; } .resources-menu ul li:hover { color:#005897;} .resources-menu ul li:first-child { border:none;} .resources-menu { padding:30px 0px;} .resource-boxes .box { float:left; width:30%; margin-right:3%; text-align:center; border:1px solid #f1f1f1; background:#fff; padding:40px 0px; margin-bottom:30px;} .resource-boxes .box .fa { font-size:80px; color:#0189c8;} .resource-boxes .box h2 { font-size:24px; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight:200; color:#0389de; margin:0px; padding-top:20px;} /*.benefits-areas { padding:50px 0px;}*/ .benefits-areas .container { border-bottom:1px solid #b7b7b7;} .benefits-areas .heading { text-align:center;} .benefits-areas .left-area { float:left; width:30%; margin-right:3%; margin-bottom:70px;} .benefits-areas .center-area { float:left; width:30%; margin-right:3%;} .benefits-areas .right-area { float:left; width:30%; margin-right:3%;} .benefits-areas .box { text-align:center;} .benefits-areas .box img { margin:20px 0px;} .benefits-areas .box h3 { font-size:22px; font-family: 'Raleway', sans-serif; color:#005897; margin-bottom:40px; text-align:center;} .benefits-areas .box p { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif; color:#8b8b8b; padding:10px 20px;} .benefits-areas .right-cust-area { background:url(/images/mike-bikes-back.png) no-repeat; padding:40px 50px; background-size: cover; background-position: center center; margin-bottom: 40px; } .benefits-areas .right-cust-area h1, .products-page .right-cust-area h2 { font-family: 'Raleway', sans-serif; font-weight:700;color:#fff; font-size:36px; margin:0; } .benefits-areas .right-cust-area h1 span, .products-page .right-cust-area h2 span { font-weight:200; display:block;} .benefits-areas .right-cust-area ul li { font-size:20px; font-family: 'Raleway', sans-serif; font-weight:200;color:#fff; margin:0; padding-bottom:7px;} .benefits-areas .right-cust-area ul { padding-left:10px;} .courses .heading { text-align:center;} .courses .left-area { float:left; width:48%; margin-right:2%;} .courses .right-area { float:right; width:48%; margin-left:2%;} .courses p { font-size:16px; font-weight:300; font-family: 'Raleway', sans-serif; color:#5a5a5a; padding:10px 20px;} .exp4 .l_area { background:url(/images/blue-map.jpg) no-repeat; background-size: cover; padding-top:160px; vertical-align:top; min-height:500px; } .categories-links { display: none; } .statistics h3 { display:none!important;} .stat .number { font-size:60px; color:#000;} .statistics .stat .count-title { color:#000!important; font-size:23px; font-weight:400;} .statistics { background:none!important; padding:0;} .exp4 .r_area h4 br { display:none!important;} .statistics .stat span { margin-bottom:0px;} #ai11 .stat .number { display:block!important;} .l_area .statistics-inner { padding-top:0; padding-bottom:0; position:inherit!important; width:182px!important;} .r_area .statistics .stat { margin:0px 25px!important;} .l_area .statistics .stat { margin: 20px 25px 0px 25px!important;} .h_line-full { border-bottom:2px solid #e0e0e0; padding-bottom:10px;} .what-business { padding-bottom:30px;} .l_area .statistics .stat span { font-size:90px!important; font-family:Arial!important;} .exp4 .l_area h4 span.k-head { font-size:90px!important; font-family:Arial!important;} .r_area .statistics .stat span.number { font-size:70px!important; font-family:Arial!important;} .courses .container { border-bottom:2px solid #e0e0e0;} /*================= Styling by Saad =======================*/ /* Nick 0419 */ .ssslider { margin: 0; padding: 0; width: auto; /*margin-top: 98px;*/ /* use padding, not margin, to avoid shifting the top of the fixed header */ padding-top: 98px; padding-top: 82px; padding-top: 74px; /* Match the top / bottom margin of the main Smartsims logo image */ position: relative; /* paranoia so that the slider block expands a minimum amount even if the slider image doesn't load not sure if this is a good idea or not */ min-height: 300px; } /* need seperate image wrapper to enforce max height without preventing the purple_box from extending below the .ssslider bounds */ .ssslider_img { /*max-height: 350px;*/ max-height: 400px; overflow: hidden; } /* Nick 0502 - enforce different max heights */ .ssslider_img[maxheight="350"] { max-height: 350px; } .ssslider_img[maxheight="400"] { max-height: 400px; } .ssslider_img[maxheight="450"] { max-height: 450px; } .ssslider_img[maxheight="500"] { max-height: 500px; } .ssslider_content .text.slider_text{ position: relative; top: 50%; text-align: center; text-transform: none; color: white; } .ssslider_content .text.slider_text h3, .ssslider_content .text.slider_text h1{ font-family: "Raleway",sans-serif; font-size: 45px; font-weight: 300; margin: 0 auto; line-height: 45px; float: none; display: block; text-align: center; } .ssslider_content .text.slider_text h3 span, .ssslider_content .text.slider_text h1 span{ font-size: 14px; font-weight: 200; font-size: 30px; } @media screen and (min-width: 1400px) { .ssslider_img { max-height: 380px; /*max-height: 350px;*/ /*max-height: 450px;*/ } } @media screen and (min-width: 1600px) { .ssslider_img { max-height: 380px; /*max-height: 350px;*/ /*max-height: 500px;*/ } } @media screen and (min-width: 1800px) { .ssslider_img { max-height: 380px; /*max-height: 350px;*/ /*max-height: 550px;*/ } } .ssslider img:first-child { /* background image for the header block */ width: 100%; height: auto; position: relative; } .ssslider_content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1200px; } .ssslider_content .product_slider, .ssslider_content .product_slider.home_page_sliderbox { position: absolute; bottom: -50px; /* z-index is critical because otherwise buttons within this area will be outside the bounds of the parent container and they will not be hoverable / clickable */ z-index: 10; /* need left / right 0 so the width % sizing of purple_box works correctly */ left: 0; right: 0; /* dumping the bottom overlap to try to keep more content above the fold */ bottom: 10px; } .ssslider_content .product_slider { /* dumping the bottom overlap to try to keep more content above the fold */ bottom: 10px; } .ssslider_content .product_slider .purple_box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ssslider_content .sims_login_form { position: absolute; right: 0; bottom: 100px; /* dumping the bottom overlap to try to keep more content above the fold */ bottom: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* z-index is critical because otherwise buttons within this area will be behind the .product_slider container and they will not be hoverable / clickable */ z-index: 11; } .ssslider_content * { box-sizing: content-box; } .ssslider a, .ssslider a:hover { transition: none 0s ease 0s ; } .ssslider_content .purple_box .main-video-image { float:left; margin-right:10px;} .ssslider_content .purple_box .no-hover { background:green!important;} .ssslider_content .purple_box .no-hover:hover { background:#fff!important; color:#002C65!important;} .ssslider_content .purple_box .no-hover a:hover, { color:#002C65!important;} .ssslider_content .purple_box p { font-size:15px; font-family: 'Raleway', sans-serif;} .ssslider_content .purple_box .text { color:#002c65!important;} /*---------- Product Page slider ------------*/ .product_slider{ display: block; float: none; margin-left: auto; margin-right: auto; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .product_slider.home_page_sliderbox{ position: relative; } .product_slider.home_page_sliderbox a{ display: inline-block; vertical-align: top; margin-right: 20px; } .product_slider .purple_box.homepage_slider{ background-color: #002C65; } .product_slider .purple_box{ float: left; width: 36%; background-color: #8463cb; padding: 35px; /*min-height:360px;*/ -webkit-box-shadow: 0px 12px 38px -6px rgba(0,0,0,0.55); -moz-box-shadow: 0px 12px 38px -6px rgba(0,0,0,0.55); box-shadow: 0px 12px 38px -6px rgba(0,0,0,0.55); } .product_slider .purple_box .slider_heading{ display: block; font-family: "Raleway",sans-serif; color: #fff; font-size: 45px; line-height: normal; margin: 0; font-weight: 800; text-transform: uppercase; /* Nick 0419 - trying to save a bit of vertical space to get more content above the fold */ font-size: 36px; } .product_slider .purple_box .h_line{ line-height: 1px; width: 50%; border-top: 1px solid #fff; margin-top: 15px; margin-bottom: 15px; margin-bottom } .product_slider .purple_box .slider_subheading{ display: block; font-family: "Raleway",sans-serif; color: #fff; font-size: 14px; font-weight: 600; line-height: 24px; margin: 0; } .product_slider .purple_box .seesol_btn, .seesol_btn{ height: 35px; line-height: 35px; font-size: 12px; border: none; width:140px; background-color: transparent; outline: 0; box-shadow: none; border: 1px solid #fff; border-radius: 5px; padding:0px; font-family: "Raleway",sans-serif; color: #fff; text-align: center; margin-top: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .product_slider .purple_box .seesol_btn:hover{ background-color: #fff; color: #a0a0a0; } .container .seesol_btn_align { text-align: center; } .container .seesol_btn{ margin-top: 10px; color: white; border-color: #002C65; background-color: #002C65; border-color: #005BA2; background-color: #005BA2; } .container .seesol_btn.light{ border-color: #01AEEF; background-color: #01AEEF; } .container .seesol_btn.green{ border-color: #08a742; background-color: #08a742; } .container .seesol_btn.footer_banner_btn{ border-color: #08a742; background-color: #08a742; padding: 0 15px; width: auto; font-size: 14px; min-width: 125px; } .footer_banner_btn_wrapper { margin: 0 auto; display: table; text-align: center; float: none; } .container .seesol_btn:hover{ background-color: white; border-color: #005BA2; color: #002C65; color: #005BA2; } /*==========================================================================================*/ /* shift to ss_container */ .products-page .ss_container{ background-image: url(/images/ssbanner.png); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 600px; text-align: center; float: none; } .products-page .ss_container h3{ font-family: "Raleway",sans-serif; font-size: 42px; color: #fff; margin: 0; text-align: center; float: none; display: block; padding-top: 50px; font-weight: 300; } .products-page .ss_container h3 span{ font-weight: 600; font-size: 60px; } .products-page .ss_container .icon_box{ display: inline-block; width: 15%; text-align: center; float: none; vertical-align: top; } /*.products-page .ss_container .icon_box:after{ content: "................."; color: #fff; opacity: .4; position: absolute; bottom: auto; top: 70.7%; font-weight: 700; }*/ .products-page .ss_container .icon_box:nth-child(1):after{ left: 30.5%; } .products-page .ss_container .icon_box:nth-child(2):after{ left: 30%; } .products-page .ss_container .icon_box:nth-child(3):after{ left: 41.5%; } .products-page .ss_container .icon_box:nth-child(4):after{ left: 53%; } .products-page .ss_container .icon_box:nth-child(5):after{ left: 65%; } .products-page .ss_container .icon_box:nth-child(6):after{ content: ""; } .products-page .ss_container .icon_box .fa_box{ border-radius: 115px; height: 115px; width: 115px; padding: 5px; border: 3px dotted rgba(255, 255, 255, .4); text-align: center; margin: 25px auto; cursor: pointer; } .products-page .ss_container .icon_box .fa{ font-size: 40px; color: #fff; border-radius: 98px; height: 98px; width: 98px; line-height: 98px; text-align: center; background-color: rgba(255, 255, 255, .4); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } /*.products-page .ss_container .icon_box .fa_box:hover .fa{ background-color: rgba(130, 238, 238, .7); }*/ .products-page .ss_container .icon_box .fa:hover{ background-color: rgba(130, 238, 238, .7); } .products-page .ss_container .icon_box h5{ font-family: "Raleway",sans-serif; font-size: 16px; color: #fff; margin: 0; text-transform: uppercase; text-align: center; display: block; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .products-page .ss_container .icon_box p.para{ font-family: "Raleway",sans-serif; font-size: 14px; color: #fff; margin: 10px auto; text-align: center; padding: 0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } /*.products-page .ss_container .icon_box.ibox1 p.para{ opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }*/ .products-page .ss_container .icon_box:hover p.para{ opacity: 1; } .products-page .ss_container .icon_box .ibox_content:hover p.para{ opacity: 0; } /*==========================================================================================*/ #tls_logo_slider .owl-buttons div{ /*background: transparent !important;*/ } #tls_logo_slider .owl-buttons div{ padding: 5px 14px; } .products-page .owl-theme .owl-controls .owl-buttons div{ background: none; } .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-prev{ margin-left: -60px !important; margin-top: -185px !important; float: left !important; background: url(/images/prev.png) !important; background-repeat: no-repeat; height: 95px; } .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-next{ margin-right: -60px !important; margin-top: -185px !important; float: right !important; background-image: url(/images/next.png) !important; height: 95px; } .screenshot_container .tls_logo_slider .owl-buttons{ position: relative; } .screenshot_container { padding:60px 0px; } /*=========== why smartsim page styling ============*/ .whyss_container { margin-top: 60px; } .whyss_container .page_menu{ text-align: center; margin-top: 60px; margin-bottom: 80px; padding-bottom: 22px; width: 100%; border-bottom: 1px solid #d9d9d9; } .whyss_container .page_menu p{ display: none; } .whyss_container .page_menu a{ text-decoration: none; outline: 0 none; } .whyss_container .page_menu h3{ display: inline-block; float: none; text-align: center margin: 0; font-family: "Raleway"; font-size: 16px; color: #a7a7a7; font-weight: 700; margin: 0; text-transform: uppercase; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .whyss_container .page_menu h3:after{ content: "|"; margin: 0 12px; font-family: "Raleway"; font-size: 18px; color: #a7a7a7; font-weight: 700; } .whyss_container .page_menu h3.last_one:after{ content: ""; } .whyss_container .page_menu h3:hover{ color: #005897; } .exp_container, .exp2, .exp3{ margin-top: 10px; margin-bottom: 30px; } .exp_container .left_col{ width: 45%; float: left; display: inline-block; } .exp_container .right_col{ width: 45%; float: right; display: inline-block; } .exp_container .text_col h2{ font-family: "Raleway"; font-size: 32px; color: #005897; margin: 0; margin-top: 40px; text-transform: uppercase; } .exp_container .text_col h5{ font-family: "Raleway"; font-size: 18px; color: #5a5a5a; margin: 0; font-weight: 400; margin: 15px 0; hyphens: none; text-align: none; text-align: justify; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .exp2{ clear: both; background-image: url(/images/exp2_bk.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 630px; display: block; float: none; width: 100%; margin: 0 auto; } .exp2 .text_col h2{ margin-top: 70px; } .exp3{ clear: both; background-image: url(/images/exp3_bk.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 390px; display: block; float: none; width: 100%; margin: 80px auto; } .our_partners h3{ font-family: "Raleway"; font-size: 48px; color: #005897; text-transform: uppercase; margin: 0; margin: 40px auto; text-align: center; float: none; display: block; font-weight: 300; } .our_partners h3 span{ font-weight: 700; } .our_partners{ margin-bottom: 70px; padding-top:0; } .our_partners .partners_logos, .our_partners .partners_logos_single { text-align: center; float: none; } .our_partners .partners_logos img{ display: inline-block; float: none; width: 12%; margin: 20px 50px; } .ourhistory_bk{ background-image: url(/images/our_history.png); background-position: center center; background-repeat: no-repeat; width: 100%; background-size: cover; height: 680px; } .our_history_img{ width: 65%; margin: 20px auto; float: none; display: block; text-align: center; } .our_history h3{ font-family: "Raleway"; font-size: 45px; color: #fff; margin: 0 auto; padding-top: 95px; padding-bottom: 40px; text-align: center; float: none; display: block; font-weight: 300; text-transform: uppercase; } .our_history h3 span{ font-weight: 600; } .our_history h5{ font-family: "Raleway"; font-size: 18px; color: #fff; font-weight: 200; width: 85%; text-align: center; float: none; display: block; margin: 0 auto; padding-bottom: 25px; } .our_history .read_more_btn{ font-family: "Raleway"; font-size: 14px; color: #fff; text-align: center; float: none; display: block; outline: 0; box-shadow: none; border: none; background-color: #005897; height: 40px; line-height: 40px; padding: 0 24px; border-radius: 5px; margin: 30px auto 0 auto; font-weight: 600; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .our_history .read_more_btn:hover{ background-color: #238edb; } .our_history .read_more_btn .fa{ margin-left: 30px; } .key_people h3{ font-family: "Raleway"; font-size: 45px; color: #005897; margin: 0 auto; padding-top: 45px; padding-bottom: 40px; text-align: center; float: none; display: block; font-weight: 300; text-transform: uppercase; } .key_people h3 span{ font-weight: 600; } .key_people{ text-align: center; } .key_people .team_box{ display: inline-block; float: none; width: 28%; margin: 20px; padding: 15px; background-color:#fff; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); } .key_people .team_box .pic_div img{ width: 100%; } .key_people{ background-color: #f7f7f7; padding-bottom: 40px; } .key_people .team_box h5{ font-family: "Raleway"; font-size: 20px; color: #005897; margin: 0; margin-top: 30px; text-transform: uppercase; text-align: left; } .key_people .team_box h6{ font-family: "Raleway"; font-size: 12.5px; color: #666; margin: 0; margin-top: 10px; text-align: left; } .key_people p{ display: none; } .our_location h3{ font-family: "Raleway"; font-size: 45px; color: #005897; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; text-align: center; float: none; display: block; font-weight: 300; text-transform: uppercase; } .our_location h3 span{ font-weight: 600; } .our_location .address_box{ display: inline-block; width: 49%; padding-left: 60px; margin-bottom: 50px; } .our_location .address_box h4{ font-family: "Raleway"; font-size: 20px; color: #005897; text-transform: uppercase; margin-bottom: 45px; text-align: center; } .our_location .address_box .map_box img{ width: 85%; } .our_location .address_box .map_box{ width: 28%; display: inline-block; vertical-align: top; } .our_location .address_box .address_text{ width: 68%; display: inline-block; vertical-align: top; padding-top: 20px; } .our_location .address_box.bdr_right{ border-right: 1px solid #aaa; } .our_location .address_box .address_text h5{ margin: 0; padding-left: 15px; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; font-family: "Raleway"; color: #5c5c5c; font-size: 12px; line-height: 17px; font-weight: 400; text-transform: uppercase; } .exp4 .l_area{ display: inline-block; width: 70%; text-align: center; float: none; margin: 0 auto; border-right: 1px solid #aaa; } .exp4 p{ display: none; } .exp4 .l_area h4{ margin: 0; font-family: "Raleway"; color: #000; font-size: 60px; font-weight: 500; text-transform: uppercase; } .exp4 .r_area h4{ margin: 0; font-family: "Raleway"; color: #000; font-size: 60px; font-weight: 500; text-transform: uppercase; } .exp4 .l_area h5{ margin: 0; margin-top: -15px; font-family: "Raleway"; color: #000; font-size: 28px; font-weight: 400; text-transform: uppercase; } .exp4 .r_area h5{ margin: 0; margin-bottom: 30px; font-family: "Raleway"; color: #000; font-size: 22px; font-weight: 600; text-transform: uppercase; } .exp4 .r_area{ display: inline-block; width: 28%; text-align: center; float: none; margin: 0 auto; padding-top: 10px; } /*---------- extra ------------*/ .business-menu ul li a{ text-decoration: none; outline: 0; color: #005897; } /*------- login form on slider --------*/ .sims_login_form{ width: 20%; float: right; text-align: center; background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .6); border-radius: 5px; padding: 40px; } .sims_login_form h2{ font-family: "Raleway"; font-size: 20px; color: #fff; text-align: left; margin: 0; margin-bottom: 22px; } .sims_login_form .LoginInput{ width: 90%; background-color: #fff; border-radius: 8px; height: 38px; padding-left: 27px; margin-bottom: 12px; border: none; box-shadow: none; /*text-transform: capitalize;*/ font-family: "Raleway"; font-size: 12px; color: #000; } .sims_login_form .login_btn:hover, .sims_login_form .login_btn:focus { color:#000; background:#fff; /* lets run with a blue button based on the old css buttons */ background-color: #009CE1; color: #FFFFFF; transition-duration:0.5s; } .sims_login_form .login_btn{ transition-duration:0.5s; font-family: "Raleway"; font-size: 14px; color: #fff; /* lets run with a blue button based on the old css buttons */ /*color: #009CE1;*/ text-align: center; float: none; width: 95%; height: 25px; line-height: 25px; background-color: none; border: 2px solid #fff; box-shadow: none; height: 27px; line-height: 27px; font-weight: 700; border-radius: 7px; text-transform: uppercase; } .sims_login_form .forgot_text{ font-family: "Raleway"; font-size: 12px; color: #fff; text-transform: uppercase; margin-top: 25px; display: block; } .sims_login_form .fa{ font-size: 12px; color: #a0a0a0; float: left; position: absolute; padding-top: 15px; padding-left: 10px; } /* Hide labels but leave them for screen readers */ /* .sims_login_form .LoginLabel { position:absolute; left:-999px; width:1px; height:1px; top:auto; } */ /* ================================================================== */ /* SSB Bart Group suggestion (and Bryan Garaventa suggested something similar), for hiding text offscreen so screen reader can see it and will read it in a browse mode reading of page, but sighted users can't see it. It is used for hiding text that you want to be read 'inline' with a linear reading of the page content. And it *may* work better with older screen readers with less aria markup support than some other techniques. 18 April 2017 - it also falls over if your content is at the right side of a wide screen so add overflow hidden to prevent any more than one pixel displaying */ .screen-reader-offscreen { position:absolute; left:-999px; width:1px; height:1px; top:auto; overflow: hidden; } /* This one just hides the given element so sighted users will never see it, and screen reader will never see / read it when giving a page summary. But you can give element an id and refer to it with aria-describedby, aria-labelledby etc. aria-hidden is generally not necessary as well because the screen readers work off the accessibility tree API and the browser will not even expose an element that has display: none */ .screen-reader-desc { display: none; } /*=========== contact-form tabs =================*/ .su-tabs-pane{ font-size: inherit !important; padding: 30px 0 !important; } .su-tabs{ background: none !important; } .su-tabs-nav span{ border: 2px solid #7b7b7b; font-family: "Raleway"; border-radius: 10px !important; margin-right: 20px !important; } .su-tabs-nav span.su-tabs-current{ background: #DCE6F2 !important; } span.wpcf7-list-item{ margin: 5px 20px; display: inline-block; width: 35%; } .a11y-toolbar{ display: none; } .ubermenu .ubermenu-item.ubermenu-item-level-0{ border: 2px solid transparent; } /*--------- ubermenu login ----------*/ .ubermenu #menu-item-423, .ubermenu #menu-item-4827 a{ } .ubermenu #menu-item-423, .ubermenu #menu-item-4827, .ubermenu #menu-item-107{ border: 2px solid #206DA4; background: #fff; border-radius: 5px; margin-left: 16px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .ubermenu #menu-item-423 a span, .ubermenu #menu-item-4827 a spann, .ubermenu #menu-item-107 a span{ /*color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 2px solid #206DA4;*/ background: #fff; color: #206DA4; } /*.ubermenu #menu-item-423:hover, .ubermenu #menu-item-4827:hover{ border: 2px solid #000; color: #000; }*/ .ubermenu #menu-item-423:hover a span, .ubermenu #menu-item-4827:hover a span, .ubermenu #menu-item-107:hover a span{ color: #206DA4; } .banner_custom_btn{ border: none; box-shadow: none; outline: 0; font-family: "Raleway"; font-size: 14px; color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; border-radius: 5px; height: 30px; line-height: 15px; padding: 5px 15px; background-color: #002B62; border: 2px solid #002B62; /* we tweaked the background, so need lighter color */ background-color: #005BA2; border: 2px solid #005BA2; margin-right: 10px; vertical-align: top; margin-top: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .banner_custom_btn a.wp-colorbox-inline{ color: #fff; text-decoration: none; outline: 0 !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { .banner_custom_btn{ vertical-align: middle; } } .banner_custom_btn.footertop_btn{ margin: 0 auto; display: table; text-align: center; float: none; } .banner_custom_btn .fa{ margin-left: 20px; font-size: 16px; } .banner_custom_btn:hover{ background-color: #fff; /* actually, leave border on as we have used this button in some other places... */ /*border: 2px solid #fff;*/ color: #002B62; } .banner_custom_btn:hover a.wp-colorbox-inline{ color: #002B62; } .banner_custom_btn.email_btn{ background-color: #008a00; border: 2px solid #008a00; color: #fff; } .banner_custom_btn.email_btn:hover{ background-color: #fff; border: 2px solid #fff; color: #008a00; } .ubermenu .ubermenu-item.ubermenu-item-level-0{ font-size: 14px; } .footer .back_to_top{ opacity: .7; width: 25px; margin-top: -66px; margin-right: 15px; float: right; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .footer .back_to_top .fa{ width: 25px; height: 30px; line-height: 30px; background-color: #002B62; color: #fff; text-align: center; } .footer .back_to_top:hover{ opacity: 1; } .statistics .stat{ line-height: 1; } .exp4 .r_area .h_line{ background: none; border-bottom: 1px solid #aaa; margin: 15px 0 40px; } .product_slider .purple_box.introduction_color{ background-color: #00ACEE; } .product_slider .purple_box.advanced_color{ background-color: #234290; } .product_slider .purple_box.marketing_color{ background-color: #EF4023; } .product_slider .purple_box.accounting_color{ background-color: #93C73F; } .product_slider .purple_box.advertising_color{ background-color: #EE1941; } .product_slider .purple_box.training_color{ background-color: #08894C; } .benefits-areas .left_side, .benefits-areas .right_side{ width: 49%; display: inline-block; vertical-align: top; } .benefits-areas .left_side .benefits_datarow{ display: block; margin-bottom: 30px; } .benefits-areas .left_side h2{ color: #005897; font-family: "Raleway",sans-serif; font-size: 22px; margin: 0; margin-bottom: 25px; } .benefits-areas .left_side h3{ color: #8b8b8b; font-family: "Raleway",sans-serif; font-size: 16px; font-weight: 300; margin: 0; line-height: 25px; } .benefits-areas .left_side .img_box{ width: 15%; display: inline-block; vertical-align: top; } .benefits-areas .left_side .descp_box{ width: 64%; display: inline-block; vertical-align: top; } .benefits-areas .right_side img{ width: 100%; display: block; vertical-align: middle; } .site-header img.without_text{ display: none; opacity: 0; } .site-header img.with_text{ display: block; opacity: 1; } .site-header.smaller img.without_text{ display: block; opacity: 1; } .site-header.smaller img.with_text{ display: none; opacity: 0; } /* 21 March 2017 - add html5-next-touch / html5-prev-touch */ #html5-watermark, #html5-next, #html5-prev, #html5box-html5-lightbox .html5-next-touch, #html5box-html5-lightbox .html5-prev-touch { display: none !important; } .experts-area .box-area p{ display: none; } .experts-area .box-area h5{ margin-top: 5px; } /*========== Resource Page ===========*/ .resource_page .page_heading{ font-family: "Raleway",sans-serif; font-size: 35px; color: #002B62; text-align: center; float: none; margin: 30px auto; } .resource_page .resource_section{ width: 80%; display: table; float: none; margin: 20px auto 80px auto; } .resource_page .resource_box{ width: 47%; margin: 10px; height: 300px; display: table; float: left; opacity: .8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .resource_page .resource_box:hover{ opacity: 1; } .resource_page .resource_box h3.box_title{ font-family: "Raleway",sans-serif; font-size: 30px; color: #fff; text-transform: uppercase; margin: 0; display: table-cell; vertical-align: middle; text-align: center; font-weight: 600; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .resource_page .resource_box:hover h3.box_title{ font-size: 35px; } .resource_page .resource_box.box1{ background-image: url('/wp-content/uploads/2016/08/Case-Studies-Hero_01.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box2{ background-image: url('/wp-content/uploads/2016/08/News-Icon-copy.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box3{ background-image: url('/wp-content/uploads/2016/08/Simulation-Resources-Hero.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box4{ background-image: url('/wp-content/uploads/2016/08/Hall-of-Fame-Hero_02.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box11{ background-image: url('/wp-content/uploads/2016/08/MB-Introduction-Hall-of-Fame.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box22{ background-image: url('/wp-content/uploads/2016/08/MB-Advanced-Hall-of-Fame.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box33{ background-image: url('/wp-content/uploads/2016/08/M2G-Marketing-Hall-of-Fame.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box44{ /* Nick 7 Dec 2020 - update to Smartphone graphic for AdSim */ /* background-image: url('/wp-content/uploads/2016/08/AdSim-Advertising-Hall-of-Fame.png');*/ background-image: url('/wp-content/uploads/2020/12/AdSim-Advertising-Hall-of-Fame-Smartphone.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .resource_page .resource_box.box55{ background-image: url('/wp-content/uploads/2020/07/MikesBikes-Accounting-Hall-of-Fame.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; } .simulation_resources_container{ margin: 0px auto; padding:70px 0px; } .simulation_resources_container .r_box{ text-align: center; border: 1px solid #f1f1f1; display: inline-block; width: 31%; margin: 10px; min-height: 300px; vertical-align: top; } .simulation_resources_container a{ display: inline-block; width: 100%; } .simulation_resources_container p{ display: none; } .simulation_resources_container .resource_box{ padding: 30px; width: 100%; min-height: 300px; /*text-align: center; border: 1px solid #f1f1f1; display: inline-block; width: 31%; margin: 10px; min-height: 300px; padding: 30px;*/ } .simulation_resources_container .resource_box h2{ font-family: "Raleway",sans-serif; font-size: 24px; color: #0189c8; margin: 0; text-transform: uppercase; margin-top: 20px; } .HallOfFameBlock h2 {font-size: 40px; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; color: #005897;} .left-cust.contact_page_leftside{ margin: 0 auto; display: block; float: none; width: 100%; } .left-cust .contactform_content{ width: 70%; margin: 0 auto; text-align: left; } .left-cust .contactform_content p{ margin-bottom: 5px; } .left-cust .contactform_content .form_title{ font-family: 'Raleway', sans-serif; margin: 0; margin-bottom: 10px; font-size: 18px; color: #000; } .entry-content .thankyou_msg{ font-family: 'Raleway', sans-serif; font-weight: 400; text-transform: uppercase; color: #0F82BD; text-align: center; margin: 50px auto; font-size: 30px; width: 60%; } .entry-content .thankyou_msg strong{ font-size: 40px; } /*=============== tutorial videos page ==================*/ .tutorialvids_container{ padding-bottom: 80px; display: table; } .pdfmanual_container{ padding-bottom: 180px; display: table; } .tutorialvids_container .t_vid_box{ float: left; width: 27%; margin: 3% 3% 3% 0; text-align: center; } .tutorialvids_container .t_vid_box img{ height: 200px; } .tutorialvids_container h2, .pdfmanual_container h2{ font-family: 'Raleway', sans-serif; font-size: 30px; color: #005897; font-size: 32px; margin-bottom: 0; } .tutorialvids_container .t_vid_box p{ display: none; } .tutorialvids_container .t_vid_box h3{ font-family: 'Raleway', sans-serif; font-size: 18px; color: #0F82BD; text-align: center; float: none; margin: 0; margin-top: 5px; } .pdfmanual_container .pdf_manual_box{ width: 100%; display: inline-block; float: none; text-align: center; min-height: 150px; padding: 20px; } .pdfmanual_container .pdf_box{ width: 22%; display: inline-block; float: none; text-align: center; margin: 1%; min-height: 150px; background-color: #fff; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.28); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .pdfmanual_container .pdf_manual_box h3{ font-family: 'Raleway', sans-serif; font-size: 14px; color: #0F82BD; text-align: center; float: none; margin: 20px auto; float: none; display: block; width: 90%; } .pdfmanual_container a{ outline: 0; text-decoration: none; } .pdfmanual_container .pdf_manual_box .fa{ font-size: 45px; color: #E61F00; text-align: center; opacity: .7; } .pdfmanual_container .pdf_box:hover{ background-color: #cecece; } /*================ Article-details Page ===============*/ .entry-content .article_content{ font-family: 'Raleway', sans-serif; font-size: 14px; color: #000; } .entry-content .article_content strong{ font-weight: 700; font-size: 16px; color: #005897; } .entry-content .article_content blockquote{ font-style: italic; font-size: 14px; color: #000; padding-left: 40px; } .entry-content .article_content h2{ font-family: 'Raleway', sans-serif; font-size: 28px; color: #005897; } /*======== Article Page Plugin ============*/ .alm-listing li{ padding: 0; width: 45%; margin-right: 5%; display: inline-block; float: none; vertical-align: top; } .alm-listing li img{ width: 100%; position: relative; display: block; border-radius: 0; height: 235px; } /* Nick 21 Oct 2016 - we want the paging back - removing Ajax Load More */ /* .paging-navigation{ display: none; } */ .alm-listing li h3{ color: #005897; font-family: "Raleway",sans-serif; font-size: 20px; font-weight: 300; text-transform: uppercase; margin-top: 20px; } .alm-listing li h3 a{ color: #0389de; } .alm-listing li p{ display: none; } .alm-listing li p.entry-meta{ display: block; text-align: right; color: #7f7f7f; font-family: "Raleway",sans-serif; font-size: 13px; } /* Jarrod 7/12/2021 - dont want to display this image anymore as per Ians request /*.benefits-area.business_simulation .b-right-area{ background: url('/wp-content/uploads/2016/08/What-are-bus-sims.jpg'); background-size: cover; background-repeat: no-repeat; min-height:300px; } .benefits-area.why_smartsims .b-right-area.area1{ background: url('/wp-content/uploads/2016/08/Student-engagement-and-academic-success.jpg'); background-size: cover; background-repeat: no-repeat; min-height:300px; } .benefits-area.why_smartsims .t-left-area.area2{ background: url('/wp-content/uploads/2016/08/Partnership.jpg'); background-size: cover; background-repeat: no-repeat; min-height:300px; }*/ .benefits-area.why_smartsims .b-right-area.area3{ background: url('/wp-content/uploads/2016/08/Fun-and-easy.jpg'); background-size: cover; background-repeat: no-repeat; min-height:300px; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text{ margin-top: 200px; width: 100%; text-transform: none; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text h3{ font-family: "Raleway",sans-serif; font-size: 45px; font-weight: 300; margin: 0 auto; line-height: 45px; float: none; display: block; text-align: center; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text h3 span{ font-size: 14px; font-weight: 200; font-size: 30px; } .products-area.home_page_productarea{ padding: 0; margin-top: 80px; /* Nick 0419 */ margin-top: 30px; /* Jarrod 1/12/2021 - as per Ian's request*/ margin-top: 0px; } .margin_top{ margin-top: 30px; } .margin_bottom{ margin-bottom: 30px; } /*---------- CTA Form --------------*/ .cta_form p.half_width{ display: inline-block; width: 43%; vertical-align: top; margin-right: 20px; margin-bottom: 7px; } .cta_form span.wpcf7-list-item { display: inline-block; margin: 0 10px 0 0; vertical-align: top; width: 31%; } .cta_form input, .cta_form textarea { background: #f1f2f3 none repeat scroll 0 0; border: 1px solid #a0a0a0; border-radius: 4px; padding: 3px; } .cta_form .wpcf7-textarea{ width: 95%; height: 130px; } .article_content .size-thumbnail{ float: left; margin: 10px; margin-left: 0; } .product_slider .purple_box .seesol_btn1{ display: inline-block; } .product_slider .purple_box .seesol_btn1 a.wp-colorbox-inline{ color: #fff; margin: 0; text-align: center; outline: 0; padding: 0px 5px; text-decoration: none; } .product_slider .purple_box .seesol_btn1 a.wp-colorbox-inline:hover{ color: #a0a0a0; } .products-page .ss_container.ss2{ background-image: url('/wp-content/uploads/2016/09/Product-Section-BackgroundImageMed.jpg'); height: 510px; min-height: 280px; } /*=========== sakm-sticky ==============*/ .master-slider-main-widget{ position: relative; z-index: 10; } header.site-header { background:#fff !important; padding:18px 0px; border-bottom:2px solid #73cbef; /* Nick 0419 - Ian wants top bar slightly smaller */ padding: 10px 0px; z-index: 9999; border: none !important; position: fixed; width: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; /* Nick 0419 - required due to the margin-top I added to .ssslider, but not required for padding-top */ /*top: 0;*/ } header.site-header img.with_text{ width: auto; height: 64px; /* Nick 0419 - Ian wants top bar slightly smaller */ height: 54px; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } header.site-header.sticky{ padding:5px 0px; } header.site-header.sticky img.with_text{ height: 44px; } header.site-header .navbar{ margin-top: 27px -webkit-transition: all 0.5s ease; transition: all 0.5s ease; /* Nick 050717 - Ian wants this vertically center aligned with Smartsims logo */ padding-top: 6px; } header.site-header.sticky .navbar{ margin-top: 7px; /* Nick 050717 - Ian wants this vertically center aligned with Smartsims logo */ padding-top: 0px; } .heading { padding:35px 0px;} .heading h1, .heading h2 { font-size:48px; font-family: 'Raleway', sans-serif; font-weight:200; text-transform:uppercase; color:#005897; hyphens: none; webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .heading h1 span, .heading h2 span { font-weight:700; /*display: block;*/ line-height: 35px;} .ss_container .heading h2 { padding-top: 30px; color: #fff} .ss_container .heading h2 span { color: #fff} .page-id-102 .entry-content, .page-id-765 .entry-content, .page-id-778 .entry-content, .page-id-110 .entry-content, .page-id-120 .entry-content, #post-60{ padding-top: 80px; } .single .left-cust, .single .right-cust{ padding-top: 125px; } .master-slider-main-widget, #text-9{ padding-top: 95px; } .grid-container .grid-box .title_grid a{ font-size: 20px; font-weight: 700; text-align: left; } .HallOfFameAnchors li{ font-family: Raleway; font-size: 18px; } .HallOfFameAnchors li a{ color: #a7a7a7; font-weight: 700; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .HallOfFameAnchors li a:hover{ color: #005897; } /*========== Saad Styling Ends ===========*/ .home .productss { padding:10px 0px; background: #fff;} .benefits-area .b-left-inner { text-align:left; width:auto; padding-left: 50px; /* Nick 20170410 */ padding-top: 0;} .benefits-area .t-right-inner { text-align:left; width:auto; padding:50px; padding-bottom: 0; padding-right: 0; /* Nick 20170410 */ padding-top: 0;} /*.benefits-area .t-right-area { background:#f6f6f7;}*/ .benefits-area .b-left-area { background:#fff;} .benefits-area .t-right-inner h2 {margin-top:0px!important;} /* Nick 0419 - bump 620px media queries out to 700px */ /*@media screen and (max-width: 620px) and (min-width: 320px) { */ @media screen and (max-width: 700px) and (min-width: 320px) { .grid-container.grid-4 { min-height:580px!important;} .products-page .ss_container .icon_box { display:inherit!important;} header.site-header.sticky{ position: inherit; width: 100%; padding:5px 0px; } header.site-header{ position: inherit; width: 100%; } header.site-header .navbar{ /* Nick 050717 - undo Ian's extra padding to vertical center align with Smartsims logo on wider screens */ padding-top: 0px; } /* Nick 0419 */ .ssslider{ margin-top: 0; padding-top: 0; min-height: 0; /* undo the paranoid minimum height we used earlier */ } .ssslider_content{ position: static; width: auto; padding-left: 15px; padding-right: 15px; margin-top: 15px;} /* Nick 0502 - text content needs to stay over image on smaller screens instead of wrapping underneath */ .ssslider_content.keep_over_image { position: absolute; margin-top: 0; } .ssslider_content .sims_login_form { position: static; margin-top: 15px;} .ssslider_content .product_slider, .ssslider_content .product_slider.home_page_sliderbox { position: static; } .product_slider.home_page_sliderbox { position: initial; } .ssslider_content .text.slider_text{ margin-top: 0px; top: 40%; } .ssslider_content .text.slider_text h3, .ssslider_content .text.slider_text h1{ font-size: 23px; font-weight: 300; font-weight: 400; /*margin: 0 auto;*/ line-height: 30px; } .ssslider_content .text.slider_text h3 span, .ssslider_content .text.slider_text h1 span{ font-weight: 200; font-weight: 300; font-size: 15px; } .blog .site-main {margin-top: 240px;} .ms-slide-info.ms-dir-h .ms-info .text.slider_text{ margin-top: 0px; width: 100%; text-transform: none; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text h3{ font-family: "Raleway",sans-serif; font-size: 23px; font-weight: 300; margin: 0 auto; line-height: 30px; float: none; display: block; text-align: center; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text h3 span{ font-size: 14px; font-weight: 200; font-size: 15px; } #content .rpwwt-widget li { float:none!important; width:100%!important; margin:0px !important; padding:0px 3%;} .alm-listing li { float:none!important; width:100%!important; margin:0px !important; padding:0px 3%;} .pdfmanual_container .pdf_box { float:none!important; width:100%!important; margin:0px !important; padding:0px 3%;} .tutorialvids_container h2, .pdfmanual_container h2 { padding:20px 3%;} .tutorialvids_container .t_vid_box { float:none!important; width:100%!important; margin:0px !important; padding:0px 3%;} .products-page .ss_container.ss2 { height:auto!important;} .navbar .ubermenu ul li .ubermenu-submenu ul li a.ubermenu-target { margin:205px 0px 30px 20px!important;} .right-area {float:none; text-align:center;} .products-area { padding:10px 0px;} .single .post { padding:10px 3%;} .site-header { padding-bottom:0px!important;} .navbar { margin:0px;} .ms-parent-id-5 .heading h2 { font-size:18px!important;} .sims_login_form .login_btn { width:88%!important;} .page .ms-parent-id-3 .ms-slide-info.ms-dir-h .ms-info { width:85%!important;} .business p { padding:0px!important;} .page-template-full-width-page .products-area .box { min-height:0px;} .products-page .left-area { float:none; width:100%; padding:10px 3%;} .products-page .right-area { float:none; width:100%; padding:10px 3%; margin:0px!important;} .products-page .right-area .imagesss { position:inherit; margin:0px;} .site-content { width:100%;} .container { width:100%;} .home .ms-slide-info.ms-dir-h .ms-info { position:inherit!important; padding:10px 0; } .page .ms-slide-info.ms-dir-h .ms-info { position:inherit!important; padding:10px 0; } .ms-slide-info.ms-dir-h .ms-info .text { font-size:15px; padding:0px 0; } .ms-slide-info.ms-dir-h { width:94%!important; float:none!important;} .products-area .box { float:none; width:100%; text-align:center; background:none;} .we-do-area .left-area { float:none; width:100%; padding:10px 3%;} .we-do-area .right-area { float:none; width:100%; padding:10px 3%;} .say-area .box { float:none; width:100%; padding:10px 3%; text-align:center; background-image:none!important;} .heading h1, .heading h2 { font-size:30px;} .products-page .left-area .heading h1 { font-size: 30px; } /* Nick 20170410 */ .business-area .box { float:none; width:100%; padding:10px 3%;} .business-area .box img { width:100%; height:auto;} .footer .f-box { float:none; width:100%; padding:10px 3%;} .left-cust { float:none; width:100%; padding:10px 3%;} .right-cust { float:none; width:100%; padding:10px 3%;} .blog article.post { float:none; width:100%; text-align:left; padding:10px 3%;} .logo-area { float:none; width:90%; text-align:center; margin:0 auto;} .navbar { float:none; width:100%; } .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover { color:#000!important;} .ubermenu-skin-black-white-2.ubermenu-responsive-toggle { color:#000!important; text-align:center;} .benefits-area .t-left-area { float:none; width:100%; margin-top: 20px;} .benefits-area .t-right-area { float:none; width:100%;} .benefits-area .b-right-area { float:none; width:100%;} .benefits-area .b-left-area { float:none; width:100%;} .products-area .box p { text-align:center;} .products-area .box button { margin:10px auto;} .benefits-area .t-right-inner { float:none; width:100%; padding:20px 3%; min-height:0px;} .benefits-area .b-left-inner { float:none; width:100%; padding:20px 3%; min-height:0px;} .mikes-area .box { float:none; width:100%; text-align:center;} .business-menu ul li { display:block; text-align:center; padding:10px 0px; border:none;} .what-business .left-area { float:none; width:100%; padding:10px 3%;} .what-business .right-area { float:none; width:100%; text-align:center;} .experts-area .box-1 { float:none; width:100%; text-align:center;} .experts-area .box-2 { float:none; width:100%; text-align:center;} .resources-menu ul li { display:block; text-align:center; padding:10px 0px; border:none;} .resource-boxes .box { float:none; width:100%; text-align:center;} .case-studies .left-area { float:none; width:100%; padding:10px 3%; margin:0;} .case-studies .right-area { float:none; width:100%; padding:10px 3%; margin:0;} .products-area p { padding:10px 3%;} .productss .main { padding:10px 3%;} .productss .boxes .box { float:none; width:100%; text-align:center;} .sims_login_form { float:none; width:88%; padding:10px 3%;} .ms-slide-info.ms-dir-h .ms-info .text { width:100%;} .l_area { float:none!important; width:100%!important;} .r_area { float:none!important; width:100%!important;} .experts-area .box-area { width:100%; float:none;} .ubermenu #menu-item-300 { background-position:23px;} ul { padding:0px!important;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box { position:inherit!important; margin-top:110px!important;} .page .ms-slide-info.ms-dir-h .ms-info .purple_box .ms-info { position:inherit!important; margin-top:10px!important;} .product_slider .purple_box { float:none!important; width:80%!important;} .benefits-areas .left-area { float:none; width:100%; padding:10px 3%;} .benefits-areas .center-area { float:none; width:100%; padding:10px 3%;} .benefits-areas .right-area { float:none; width:100%; padding:10px 3%;} .courses .left-area { float:none; width:100%; padding:10px 3%;} .courses .right-area { float:none; width:100%; padding:10px 3%;} .products-page .ss_container .icon_box { width:100%!important;} .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-next { display:none;} .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-prev { display:none;} .tls_logo_slider .logo_item { text-align:center;} .product_slider .purple_box .slider_heading { font-size:20px!important;} .page-id-155 .products-page { margin-top:20px!important;} .mikes-area { padding:10px 0px;} .exp_container .left_col { width:100%; float:none; padding:10px 3%;} .exp_container .right_col { width:100%; float:none; padding:10px 3%;} .exp_container { margin:10px 0px;} .exp2 { background:none; height:auto; margin:10px auto;} .exp3 { background:none; height:auto; margin:10px auto;} .exp2 .text_col h2 { margin-top:10px;} .ourhistory_bk { height:auto; padding:20px 0px;} .key_people .team_box { float:none; width:100%; margin:10px 0px;} .our_location .address_box { float:none; width:100%;} .our_location .address_box.bdr_right { border:none;} .our_location .address_box { margin:0px; padding:10px 3%;} .our_location h3 { padding:10px 0px; font-size:24px;} .our_location .address_box h4 { margin:10px 0px;} .ms-slide-info.ms-dir-h .ms-info .purple_box { margin-top:0px!important;} .page-id-60 .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} /* reverse the extra padding we added earlier for pages that do not have a slider at the top */ /* Smartsims - page-id-669 is the Thank You page displayed after form post */ .page-id-669 .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} /* Smartsims - page-id-1740 is the Contact Our Support Team page */ .page-id-1740 .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} /* Smartsims - page-id-1833 is the Register Single-Player page */ .page-id-1833 .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} .home .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} .page .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important;} .ubermenu #menu-item-423, .ubermenu #menu-item-4827 { background-position-x:20px; margin:0px!important;} .grid-container.grid-4 .grid-box:nth-child(1) { width:100%!important; left:auto!important; top:auto!important; bottom:398px; height:250px !important;} .grid-container.grid-4 .grid-box:nth-child(2) { width:100%!important; float:none!important; top: 180px;} .grid-container.grid-4 .grid-box:nth-child(3) { width:100%!important; float:none!important; bottom: -180px;} .grid-container .grid-box .title_grid a { font-size:13px;} .blog .slider { margin-top:55px!important;} .ubermenu { z-index:1000000;} /*-------- extra changes ---------*/ .our_partners .partners_logos img{ display: block; width: 40%; margin: 20px auto; } .navbar .ubermenu ul li#menu-item-105 .ubermenu-submenu ul li .ubermenu-target, .navbar .ubermenu ul li .ubermenu-submenu ul li .ubermenu-target{ margin-top: 190px; } .benefits-areas .left_side, .benefits-areas .right_side{ width: 100%; display: block; } .products-page .right-cust-area h1, .products-page .right-cust-area h2{ font-size: 26px; } .products-page .ss_container h3 span{ font-size: 40px; } .resource_page .resource_box{width: 100%; margin: 20px auto;} .su-tabs-nav span{margin-bottom: 5px;} .left-cust .wpcf7 .left{width: 100%;} .simulation_resources_container .r_box{width: 80%; margin: 20px auto; float: none; display: block;} .footer-top-most .rpwwt-widget li { float:none!important; width:100%!important; margin:0px!important;} .footer-top-most .left-area { float:none!important; width:100%!important;} .footer-top-most .right-area { float:none!important; width:100%!important;} .page-id-102 .entry-content, .page-id-765 .entry-content, .page-id-778 .entry-content{ padding-top: 0; } .master-slider-main-widget, #text-9{ padding-top: 0; } .page-id-102 .entry-content, .page-id-765 .entry-content, .page-id-778 .entry-content, #post-60{ padding-top: 0; } .single .left-cust, .single .right-cust{ padding-top: 0; } .master-slider-main-widget, #text-9{ padding-top: 0; } .whyss_container .page_menu{ margin-top: 20px; } .our_partners h3, .key_people h3{ font-size: 30px; } .our_partners{ margin-bottom: 40px; } .our_history_img{ width: 85%; } .page-id-155 .business-area, .page-id-356 .business-area, .page-id-361 .business-area, .page-id-363 .business-area, .page-id-365 .business-area, .page-id-368 .business-area{ padding: 0; } } /* =========== mobile media query ends ============= */ /* Nick 0419 - bump 620px media queries out to 700px */ /*@media screen and (max-width: 1024px) and (min-width: 620px) { */ @media screen and (max-width: 1024px) and (min-width: 700px) { header.site-header.sticky{ position: inherit; width: 100%; padding:5px 0px; } header.site-header{ position: inherit; width: 100%; } header.site-header .navbar{ /* Nick 050717 - undo Ian's extra padding to vertical center align with Smartsims logo on wider screens */ padding-top: 0px; } .product_slider.home_page_sliderbox { position: initial; } /* Nick 0419 */ .ssslider{ margin-top: 0; padding-top: 0; min-height: 0; /* undo the paranoid minimum height we used earlier */ } .ssslider_content{ width: auto; padding-left: 15px; padding-right: 15px;} .ssslider_content .sims_login_form { bottom: -100px; right: 15px; } .ssslider_content .product_slider.home_page_sliderbox { bottom: -100px; } .ssslider_content .product_slider { bottom: -50px; } .ms-slide-info.ms-dir-h .ms-info .text.slider_text { margin-top: 132px;} .navbar .ubermenu ul li .ubermenu-submenu-id-106 ul li a.ubermenu-target { margin:205px 0px 30px 20px!important;} .home .benefits-area { margin-top:260px; /* Nick 0419 */ margin-top: 130px;} .tls_logo_slider .logo_item { text-align:center;} .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-next { display:none;} .screenshot_container .owl-theme .owl-controls .owl-buttons .owl-prev { display:none;} .ubermenu { z-index:100000;} .exp_container .left_col { width:100%; float:none; padding:10px 3%;} .exp_container .right_col { width:100%; float:none; padding:10px 3%;} .ubermenu #menu-item-423, .ubermenu #menu-item-4827 { background-position-x:20px;} .products-area { padding:10px 0px;} .single .post { padding:10px 3%;} .business p { padding:0px!important;} .page-template-full-width-page .products-area .box { min-height:0px;} .products-page .left-area { float:none; width:100%; padding:10px 3%;} .products-page .right-area { float:none; width:100%; padding:10px 3%;} .products-page .right-area .imagesss { position:inherit; margin:0px;} .ubermenu-skin-black-white-2.ubermenu-responsive-toggle { text-align:center;} .site-content { width:100%;} .container { width:100%;} .home .ms-slide-info.ms-dir-h .ms-info { margin-top:-120px!important; padding:0px 3%; width:94%!important;} .ms-slide-info.ms-dir-h .ms-info { margin-top:0px!important; padding:0px 3%; width:94%!important;} .ms-slide-info.ms-dir-h .ms-info .text { font-size:22px; } .mikes-area .box { margin-left:1%; margin-right:1%;} .ms-slide-info.ms-dir-h { width:100%!important; float:none!important;} .products-area .box { text-align:center; background:none;} .we-do-area .left-area { float:none; width:100%; padding:10px 3%;} .we-do-area .right-area { float:none; width:100%; padding:10px 3%;} .say-area .box { float:none; width:100%; padding:10px 3%; text-align:center; background-image:none!important;} .heading h1, .heading h2, .our_partners h3, .key_people h3 { font-size:40px;} .business-area .box { float:none; width:100%; padding:10px 3%;} .business-area .box img { width:100%; height:auto;} .footer { padding:0px 3%;} .footer .f-box { float:left; width:48%; min-height:200px; } .left-cust { float:none; width:100%; padding:10px 3%;} .right-cust { float:none; width:100%; padding:10px 3%;} .blog article.post { float:none; width:100%; text-align:left; padding:10px 3%;} .logo-area { float:none; width:100%; text-align:center;} .navbar { float:none; width:100%; } .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover { color:#000!important;} .ubermenu-skin-black-white-2.ubermenu-responsive-toggle { color:#000!important;} .benefits-area .t-left-area { margin-right: 60px; } .benefits-area .t-right-area { width:45%;} .benefits-area .b-right-area { } .benefits-area .t-left-area { float: left; width: 45%; /* Nick 20170410 background: url(/images/t-left-area.png) no-repeat;*/ background-size: cover; min-height: 300px; } .benefits-area .b-left-area { width:45%;} .products-area .box p { text-align:center;} .products-area .box button { margin:10px auto;} .benefits-area .t-right-inner { float:none; width:100%; padding:20px 3%; min-height:0px; /* Nick 20170410 */ padding-top: 0;} .benefits-area .b-left-inner { float:none; width:100%; padding:20px 3%; min-height:0px; /* Nick 20170410 */ padding-top: 0;} .business-menu ul li { display:block; text-align:center; padding:10px 0px; border:none;} .what-business .left-area { float:none; width:100%; padding:10px 3%;} .what-business .right-area { float:none; width:100%; text-align:center;} .experts-area .box-1 { float:none; width:100%; text-align:center;} .experts-area .box-2 { float:none; width:100%; text-align:center;} .resources-menu ul li { display:block; text-align:center; padding:10px 0px; border:none;} .resource-boxes .box { float:none; width:100%; text-align:center;} .case-studies .left-area { float:none; width:100%; padding:10px 3%;} .case-studies .right-area { float:none; width:100%; padding:10px 3%; margin:0;} .benefits-area .b-left-inner { min-height:300px; padding-left: 70px;} .benefits-area .t-right-inner { min-height:300px;} ul { padding:0px!important;} .page .ms-parent-id-3 .ms-slide-info.ms-dir-h { position:inherit!important;} .page .ms-parent-id-3 .ms-slide-info.ms-dir-h .ms-info { position:inherit!important; margin-top:-200px!important;} /* Nick 0419 */ /*.product_slider .purple_box.homepage_slider { width:55%;}*/ .product_slider .purple_box { width:55%; /* Nick 0419 width: 65%;*/} .product_slider .purple_box .slider_heading { font-size:24px;} .products-page .left-area { clear:both;} .benefits-areas .left-area { margin-left:1%; margin-right:1%;} .benefits-areas .center-area { margin-left:1%; margin-right:1%;} .benefits-areas .right-area { margin-left:1%; margin-right:1%;} .ubermenu #menu-item-300 { background-position:22px;} .mikes-area { padding:10px 0px;} /*---- further changes -----*/ .site-header img.with_text{ margin: 0 auto; } .navbar .ubermenu ul li .ubermenu-submenu ul li .ubermenu-target{ margin-top: 200px; } .navbar .ubermenu ul li#menu-item-105 .ubermenu-submenu ul li .ubermenu-target{ margin-top: 205px !important; } .page .ms-slide-info.ms-dir-h .ms-info .purple_box{ bottom: 0px; } .products-page .ss_container .icon_box{width: 18%;} .benefits-areas .left_side .benefits_datarow{padding-left: 10px;} .resource_page .resource_box{width: 46%;} .our_location .address_box{width: 48%; padding-left: 30px;} .simulation_resources_container .r_box{width: 46%;} .page-id-102 .entry-content, .page-id-765 .entry-content, .page-id-778 .entry-content, #post-60{ padding-top: 0; } .single .left-cust, .single .right-cust{ padding-top: 0; } .master-slider-main-widget, #text-9{ padding-top: 0; } .home .productss{ padding: 0; } .home .exp_container{ margin-bottom: 0; } .pt-cv-wrapper .pt-cv-title a, .footer-top-most .rpwwt-widget li .rpwwt-post-title{ font-size: 18px; } .schedule-banner{ padding: 40px 0; } .footer .back_to_top{ position: absolute; right: 30px; margin-top: -20px; } .whyss_container .page_menu{ margin-top: 20px; } .margin_bottom{ margin-bottom: 0; } .mikes-area .box .product_descp{ min-height: 120px; } .page-id-155 .business-area, .page-id-356 .business-area, .page-id-361 .business-area, .page-id-363 .business-area, .page-id-365 .business-area, .page-id-368 .business-area{ padding: 0; } .page-id-291 .ms-slide-info.ms-dir-h .ms-info, .page-id-100 .ms-slide-info.ms-dir-h .ms-info, .page-id-117 .ms-slide-info.ms-dir-h .ms-info, .page-id-110 .ms-slide-info.ms-dir-h .ms-info, .page-id-120 .ms-slide-info.ms-dir-h .ms-info{ margin-top: -250px !important; } .su-tabs-nav span{ margin-bottom: 7px; } } /*===================== tablet media query ends ========================-*/ /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Float Shadow */ .hvr-float-shadow { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 0px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Note to the Marketing Results team. Example CSS for styling the Hall of Fame data tables which you pick up from: MikesBikes-Advanced https://course.smartsims.com/remote/hall-of-fame/mba MikesBikes-Intro https://course.smartsims.com/remote/hall-of-fame/mbi Music2Go https://course.smartsims.com/remote/hall-of-fame/m2g AdSim https://course.smartsims.com/remote/hall-of-fame/adsim You should pull this CSS into a common file and then alter it to suit the look / feel of the new www.smartsims.com */ .HallOfFameAnchors li { list-style-type: none; display: inline-block; margin-right: 25px; margin-bottom: 5px; } .HallOfFameBlock { margin-bottom: 35px; } .HallOfFameBlock table { border-spacing: 0; border-collapse: collapse; margin-left: 30px; } .HallOfFameBlock thead { font-weight: bold; border: 1px solid black; } .HallOfFameBlock td { vertical-align: top; padding-left: 5px; padding-right: 5px; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; border: 1px solid black; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; } .HallOfFameBlock td.Col1 { text-align: right; font-weight: bold; } .HallOfFameBlock td.Col5 { background-color: #EDF4F9; } .HallOfFameBlock td.Col7 { width: 250px; text-align: right; background-color: cyan; background-color: #F1F8FC; background-color: #EDF4F9; } @media (max-width: 700px) { /* hide a couple of the data table columns for smaller screens */ .HallOfFameBlock td.Col6, .HallOfFameBlock td.Col7 { display: none; } .HallOfFameBlock table { margin-left: auto; } } p { word-wrap: break-word !important; webkit-hyphens: none; -moz-hyphens: none; hyphens: none; /* Nick 11 Sept 2016 - disable for Mickeysoft too */ -ms-hyphens: none; } body { word-wrap: break-word !important; webkit-hyphens: none; -moz-hyphens: none; hyphens: none; /* Nick 11 Sept 2016 - disable for Mickeysoft too */ -ms-hyphens: none; } /*=============================================================================================================*/ .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target{ border: none !important; } .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0:first-child > .ubermenu-target{ background-color: #fff; color: #005897; } /*=============================================================================================================*/ /* Smartsims Mods */ .Bold { font-weight: bold; } .grid-container .grid-box .title_grid a { background-color: rgba(0, 0, 0, 0.4); display: inline-block; } .textwidget { /*text-align: center;*/ } .grid-wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; } /* Hide our graphics from Hamburger Menu on smaller screens */ @media screen and (max-width: 1024px) { .ubermenu-custom-content a { /*display: none; */ /* width: 1px; height: 1px; */ } } /* /support form */ .ssform input[type="text"], .ssform input[type="email"], .ssform select { padding: 8px; background: #f1f2f3; border-radius: 4px; border: 1px solid #a0a0a0; } .ssform textarea { border: 1px solid #a0a0a0; padding: 8px; width: 86%; background: #f1f2f3; border-radius: 4px; float: left; height: 150px; } .ssform .left { float: left; width: 43.5%; margin-right: 3%; margin-bottom: 15px!important; } /*.left-cust .contactform_content p*/ .ssform p { margin-bottom: 5px; } /*.left-cust .wpcf7 .wpcf7-submit */ .ssform input[type="submit"] { border: none; background: #404448; color: #fff; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 300; padding: 10px 20px!important; text-transform: uppercase; } /*.left-cust .wpcf7 .contact_submitbtn */ .ssform input[type="submit"] { float: right; margin-top: 10px; margin-right: 11.5%; margin-right: 14%; } /* .wpcf7 button { padding: 0px!important; background: none!important; border: 0px; } */ @media screen and (max-width: 1024px) { .ssform .left { float: none; width: 87%; margin-right: 3%; margin-bottom: 15px!important; } } /* hide the author name / article publish time in general on the summary screens */ .left-cust article .author.vcard, .left-cust article time, .left-cust article .tags-links { display: none; } /* Nick 25 Oct 2016 - for numeric page navigation of articles Original example code from WPBeginner article */ .ssnavigation { text-align: center; } .ssnavigation li a, .ssnavigation li a:hover, .ssnavigation li.active a, .ssnavigation li.disabled { color: #fff; text-decoration:none; } .ssnavigation li { display: inline; } .ssnavigation li a, .ssnavigation li a:hover, .ssnavigation li.active a, .ssnavigation li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .ssnavigation li a:hover, .ssnavigation li.active a { background-color: #3C8DC5; } /* Nick 9 April 2020 - Ian wants to hide the Case Studies on the product pages These are actually embedded in footer.php and are footer-top-most-left (two most recent case studies) and footer-top-most-right (most recent news article) Part of the issue is that these are not product specific case studies (the widget settings in Customize->Widgets->Footer top most left only let you specify the number of news articles to show and provide a category filter). We might be able to change the filter used for the sidebar pickup so look at the page id, but this will probably be replaced at some point by product videos anyway. So rather than edit footer.php, lets just hide the content, plus the bit in each product page showing the 'Case Studies' header text. Note these will likely still be crawled / indexed by search engines parent-pageid-100 is the Business Simulations page so the following should only take effect on the product pages just in case those classes are used elsewhere */ body.parent-pageid-100 .business-area { display: none !important; } body.parent-pageid-100 .footer-top-most { display: none !important; } /*Jarrod 23 Nov 2021 - added css for faq area*/ .faq-area summary { color: #005897; cursor: pointer; } .faq-area summary h2 { font-size: 26px; font-family: 'Raleway'; font-weight: 300; text-decoration: underline; } .faq-area summary > * { display: inline; } .faq-container-wrapper { background-color: #f6f6f6; } .faq-container { max-width: 950px; margin: 0px auto; font-size: 16px; font-weight: 300; font-family: 'Raleway', sans-serif; padding-bottom: 48px; } .faq-container h3{ font-family: 'Raleway', sans-serif; color: #005ba2; } /*Jarrod 23 Nov 2021 - added css new product video thumbnail*/ .product-page-thumbnail { margin-top: 47px; border-radius: 5px; color: #005ba2; padding-bottom: 62px; padding-top: 62px; background: url(/images/mike-bikes-back.png); background-size: cover; } .products-area .benefits-prodpage { margin-top: 90px; } /*hide the recaptcha badge*/ .grecaptcha-badge { opacity:0;}