/* Theme Name: Mission Control Theme Description: Custom designed theme specially for Mission Control NOC and HelpDesk Version: 0.9 Author: Rob Williams, DevUp Inc Tags: custom template */ /* Default Styles */ html, body { width: 100%; height: 100%; font-family: 'Noto Sans', 'Arial', sans-serif; font-weight: 300; background: #ffffff; } body { overflow-x: hidden; } p { padding: 0 0 1em 0; line-height: 1.3em; } .bold { font-weight: bold; } .italic { font-style: italic; } .textleft { text-align: left; } .textcenter { text-align: center; } .textright { text-align: right; } .clear { clear: both; } .floatleft { float: left; } .floatright { float: right; } img.centered { display: block; margin: 0 auto; } img.alignright { padding: 4px; margin: 0 0 1em 1em; display: inline; } img.alignleft { display: inline; } img.aligncenter { display: block; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { margin: 0 auto; } /* Basic styles */ a { text-decoration: none; color: #144084; font-weight: 800; transition: 0.6s all; } a:hover { color: #2a6496; } h1 { font-size: 4em; font-weight: 600; letter-spacing: 0.05em; line-height: 1.2em; padding-bottom: 0.5em; text-align: center; } h1 img { vertical-align: middle; } h1 em { color: #bf223d !important; } h2 { font-size: 2em; font-weight: 600; line-height: 1.3em; text-align: center; padding-bottom: 1em; color: #bf223d; } h2 strong { font-weight: 700; } h3 { font-size: 1.25em; font-weight: 300; text-align: center; color: #144084; padding: 1em 0; line-height: 1.3em; } /*h3 strong { font-weight: 700; color: #bf223d; }*/ h3 strong { font-weight: 700; } h4 { font-size: 1.5em; color: #bf223d; font-weight: 600; padding: 0.5em 0; } h4 img { vertical-align: middle; padding-right: 1em; } footer { position: relative; width: 100%; background: #060911; } footer .toronto { padding: 0 !important; } footer .toronto img { width: 100%; height: auto; } footer .toronto .section_content { width: 95%; max-width: 1280px; margin: 0 auto; } footer .toronto h2 { color: #ffffff; text-align: left; } footer .toronto a { float: right; } footer a { color: #007ce0; padding-right: 0.5em; } footer > ul { list-style: none outside; width: 95%; max-width: 1280px; margin: 0 auto; } footer > ul > li { display: inline-block; vertical-align: top; width: 35%; color: #DFDFDF; } footer > ul > li:first-child { width: 25%; } footer > ul > li img { width: 80%; height: auto; } footer > p { color: #dfdfdf; font-size: 0.8em; width: 95%; max-width: 1280px; margin: 0 auto; padding-top: 1em; } footer .socicon { font-size: 1.2em; } footer .gdpr-popup { background-color: #262626 !important; display: flex; flex-direction: column; xbox-shadow: 0 0 15px 0 rgba(0,0,0,.45); xmargin: 0 20px 20px; position: fixed; bottom: -500px; padding: 25px; width: 100%; xborder-radius: 3px; transition: all 1s; justify-content: space-between; align-items: center; box-sizing: border-box; z-index: 5000; transform: translateZ(0); color: rgb(217, 217, 217);} footer .gdpr-popup.active { bottom: 0; } .indented, .home main > *:not(.fullwidth), .page-id-70 main > *:not(.fullwidth), /* NOC page */ .page-id-72 main > *:not(.fullwidth), /* HelpDesk page */ .page-id-511 main > *:not(.fullwidth), /* SOC page */ .page-id-1277 main > *:not(.fullwidth), /* new Our Services page */ .page-id-1348 main > *:not(.fullwidth) /* FAQ page */ { width: 95%; max-width: 1280px; margin: 0 auto; } .page-id-72 main ul { list-style: disc outside; margin-bottom: 2.5rem !important; padding-left: 2rem; } .page-id-72 main ul li { margin-bottom: 0.5rem; } .margin_top { margin-top: 3rem !important; } .margin_bottom { margin-bottom: 3rem !important; } .fp_side_by_side { display: flex; align-items: center; } .fp_side_by_side figure, .fp_side_by_side img { width: 100%; } .fp_side_by_side h2 { padding: 1rem 0 0; } .fp_side_by_side h3 { width: 90%; margin: 0 auto; padding: 0; } .fp_feature_boxes { gap: 0; margin-bottom: 0 !important; background: black; align-items: center !important; } .fp_feature_boxes > div { display: flex; align-items: center; } .fp_feature_boxes figure, .fp_feature_boxes img { width: 100%; margin-bottom: 0; } .fp_feature_box_content { padding: 3rem; } .fp_feature_box_content h2, .fp_feature_box_content h3 { text-align: left; color: #bf223d; font-weight: bold; padding: 0 0 1rem; } .fp_feature_box_content h3 { color: white; } .fp_feature_box_content p { color: white; } .fp_feature_box_content p:last-child { padding-bottom: 0; } .sitewrapper { position: relative; } .sitewrapper > header { position: fixed; width: 100%; z-index: 100; background: black; transition: 0.6s all; } .home .sitewrapper > header { background: transparent; } .sitewrapper > header > header { width: 95%; margin: 0 auto; padding: 10px 0; line-height: 80px; position: relative; } .sitewrapper > header > header > p { padding: 0; } body:not(.home) main { padding-top: 85px; } header .full_logo { height: 80px; } .menu-main-menu-container { position: absolute; right: 0; top: 10px; } header .nav_menu { list-style: none outside; } header .nav_menu > li { display: inline-block; margin-left: 0.5rem; position: relative; } header .nav_menu > li:first-child { margin-left: 0; } header .nav_menu > li > a { color: white; font-weight: normal; display: block; position: relative; line-height: 1.5em; padding: 0 1em; } header .nav_menu > li > a:after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 2px; background: #bf223d; transform: scaleX(0); transition: 0.6s all; } header .nav_menu > li:hover > a:after { transform: scaleX(1); } header .sub-menu { list-style: none outside; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); padding-top: 1em; opacity: 0; transition: 0.6s all; pointer-events: none; } header .sub-menu li { white-space: nowrap; border-bottom: 1px #720e1e dotted; padding: 0.25em 0.5em; background: #bf223d; transition: 0.6s all; line-height: 1.5em; text-align: center; } header .sub-menu li:hover { background: white; } header .sub-menu li a { color: white; } header .sub-menu li:hover a { color: #bf223d; } header .nav_menu li:hover .sub-menu, header.nav_menu > li .sub-menu:hover { opacity: 1; pointer-events: all; } .rsSlide { background: white !important; } .tall_section { padding: 5em 0; display: flex; align-items: center; } .button_link { padding: 1em 0 2em; } .button_link a, .gform_button { display: inline-block; padding: 0.5em 1em; background: #bf223d; color: white; font-weight: bold; border-radius: 50px; border: 1px transparent solid; } .button_link a:hover, .gform_button:hover { background: white; border-color: #aaa; color: #bf223d;} .white_button_link a, .gfield_choice_all_toggle { background: white; border: 1px #aaa solid; color: #bf223d; } .white_button_link a:hover, .gfield_choice_all_toggle:hover { background: #bf223d; border-color: #bf223d; color: white; } .gfield_choice_all_toggle { padding: 0.5rem 1rem; } p.padtop { padding-top: 2em; } #new-royalslider-1 { max-width: 1280px; margin: 0 auto; background: white; } #new-royalslider-1 .rsContent { text-align: center; background: white; } #new-royalslider-1 .rsContent img { width: 15%; } #new-royalslider-1 .rsContent br { display: none; } .rsUni, .rsUni .rsSlide, .rsUni .rsOverflow { background-color: white !important; } .rsUni .rsBullet, .rsUni .rsBullet span { width: 12px !important; height: 12px !important; } .rsUni .rsBullet.rsNavSelected span { background-color: #bf223d ! important; } .page-id-66 .rsBullets { display: none; } .recent_blog_posts { display: flex; gap: 2rem; align-items: flex-start; width: 95%; max-width: 1280px; margin: 0 auto; } .recent_blog_post { flex-basis: 33%; } .recent_blog_post .img_container { width: 100%; height: 220px; overflow: hidden; position: relative; } .recent_blog_post .img_container img { position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 110%; } #tooltip_templates { display: none; } .tooltipster-content h2 { font-size: 1.5em; line-height: 1.2em; font-weight: normal; padding: 0 0 0.5em; } .tooltipster-content p { text-align: center; } .tooltipster-content p a { color: #bf223d; } .button { padding: 1em 2em; } .button-bluegrad { background: #017ee6; background: -moz-linear-gradient(top, #017ee6 0%, #1a5dcb 100%); background: -webkit-linear-gradient(top, #017ee6 0%,#1a5dcb 100%); background: linear-gradient(to bottom, #017ee6 0%,#1a5dcb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ee6', endColorstr='#1a5dcb',GradientType=0 ); color: white; } .button-bluegrad:hover { color: white; } .button-white, #gform_submit_button_2 { border: 2px white solid; color: white; background: black; text-transform: uppercase; font-weight: bold; } .button-white:hover, #gform_submit_button_2:hover { background: white; color: #060911; } .button-blue, .button_link a, #gform_submit_button_1 { background: #144084; color: white; border: 0; text-transform: uppercase; font-weight: bold; } .button-blue:hover, .button_link a:hover, #gform_submit_button_1:hover { color: white; } .button_link a { border: 2px #144084 solid; } .button_link a:hover { background: #e1eaff; color: #144084; } .padtop { padding-top: 5em; } .padbottom { padding-bottom: 5em; } .pad_sides { padding-left: 2rem; padding-right: 2rem; } figure { margin-bottom: 0; } section { position: relative; z-index: 5; padding: 5em 0; } .section_content { position: relative; width: 95%; max-width: 1280px; margin: 0 auto; z-index: 10; text-align: center; } section .section_content.has_bg_image, section.video .section_content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate( -50%, -50% ); } section .section_bg_image { width: 100%; height: auto; } section .col2 { list-style: none outside; } section .col2 { width: 95%; max-width: 1280px; margin: 5em auto 0; text-align: center; } section .col2 li { display: inline-block; vertical-align: top; width: 40%; margin: 0 3%; text-align: center; } section .col2 li img { margin-bottom: 2em; } section .col2 li p a { font-weight: normal; } section .col2 li a:hover { color: #144084; } .black_bg { background: black; } .white_text * { color: white; } .black_text, .black_text * { color: black !important; } .left_align * { text-align: left; } .wp-block-columns.vertical_center { align-items: center !important; } .no_gap { gap: 0 !important; } .funky_bg { background-image: url(/wp-content/uploads/2018/01/bg_our_mission.jpg); background-size: cover; } section.policy {padding-top: 0px;} section.tos {padding-top: 0px;} section.msa {padding-top: 0px;} section.subprocessors {padding-top: 0px;} section.subprocessors table {width: 100%;} section.EADP {padding-top: 0px;} section.landing {padding-top: 0px;} section.landingForm #field_1_1, section.landingForm #field_1_2, section.landingForm #field_1_3, section.landingForm #field_1_6 {padding-top: 0px; width: 95% !important;} section.landingForm {padding: 0px 1em; width: 35%; margin-left: 2em; z-index: 11;} section.landingForm #gform_1 {width: 100%; border: none;} section.landingwrapper {width: 80%; margin: 0 auto;} section.landingwrapper .subsection_content h2 img {padding-right: 10px;} section.landingwrapper h2 { text-align: left; } section.landingwrapper h2 img { padding-right: 0.5em; float: left; } section.landingwrapper h2:after { display: table; content: ''; clear: both; } section.landingForm .subsection_content > p { display: none; } .gchoice_6_7_1 > br { display: none; } section.landing ul { list-style: disc outside; padding-left: 2em; } section.landing ul li { padding-bottom: 0.5em; } section.masthead { padding: 0; } section.masthead p { padding: 0; } section.masthead > img { width: 100%; height: auto; } section.video { padding: 0; } section.video h1 { color: white; } section.video h2 { color: white; font-size: 1.5em; padding: 0; } section.video h2 strong { color: white; } section.video h1 em { color: #BF223D; font-weight: 600; } section.video .video_bg { width: 100%; max-height: 750px; overflow: hidden; position: relative; z-index: 5; } section.video .video_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(9, 14, 29, 0.7); z-index: 7; } section.video video { width: 100%; height: 100%; margin: -10% auto 0; } section.blue { background: #144084; color: white; } section.blue h2, section.blue h3 { color: white; } section.blue p { color: white; text-align: center; width: 95%; max-width: 1100px; margin: 0 auto; } section.grey { background: #f5f5f5; padding: 1em 2em; } section.grey p { color: white; text-align: center; width: 95%; max-width: 1100px; margin: 0 auto; } .recent_blog_post p { color: black !important; } section.halfpic { padding: 0; } section.halfpic:after { content: ''; clear: both; display: table; } section.halfpic h2 { padding-bottom: 0.25em; } section.halfpic h3 { padding-top: 0; } section.halfpic img { width: 50% !important; height: auto !important; } section.halfpic .section_content { width: 40%; margin: 0 auto; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate( -50%, -50% ); } section.halfpic .section_content.image_left { left: 75%; } section.halfpic .section_content.image_right { left: 25%; } section.twocol_text { width: 95%; max-width: 1280px; margin: 0 auto; } section.twocol_text h2 { text-align: left; } section.twocol_text p { width: 47%; padding: 0 5% 0 0; display: inline-block; vertical-align: top; text-align: left; } section.twocol_text p:last-child { padding-right: 0; } section.mission { padding: 0; } section.mission .section_bg_image { max-height: 450px; } section.mission .section_content { width: 95%; max-width: 1280px; margin: 0 auto; } section.mission .section_content * { text-align: left; } section.mission .section_content img { padding: 0; } section.engineers { padding: 0; } section.engineers .section_content { width: 40%; transform: translate( -100%, -50% ); -webkit-transform: translate( -100%, -50% ); } section.engineers h2 { color: #144084; } .greybox_container { display: flex; margin-top: 2em; } .greybox { flex-basis: 35%; background: #f5f5f5; padding: 3em; margin: 0 1.5em 5em 1.5em; text-align: center; } .greybox:after { content: ''; clear: both; display: table; } .greybox h4 { font-size: 1.25em; } .greybox p { text-align: center; } .greybox img { max-width: 100%; height: auto !important; } section.overflow { padding: 0; } section.overflow .section_content { width: 40%; transform: translate( -100%, -50% ); -webkit-transform: translate( -100%, -50% ); } section.map { padding: 0; } section.map .section_content { width: 100%; height: 100%; max-width: 100%; position: relative; left: 0; top: 0; transform: none; -webkit-transform: none; } section.map #mapp0 { position: absolute; top: 0; left: 0; width: 50% !important; height: 100%; margin: 0; border: 0; } section.map .section_content > section { width: 50%; float: right; } section.map .mapp-wrapper { height: 100% !important; } section.colA {width: 52%; padding: 0 5% 0 0; display: inline-block; vertical-align: top; text-align: left;} section.colA ul {text-align: left; margin-left: 100px; margin-bottom: 1em;} section.colB {width: 37%; padding: 0 5% 0 0; display: inline-block; vertical-align: top; text-align: left;} /* #gform_wrapper_6 .gform_heading {display: none} #gform_wrapper_6 input { width: calc(100% - 8px);} */ .sidesection { width: 50%; margin-left: 50%; } .sidesection:after { content: ''; clear: both; display: table; } .sidesection .subsection_content.image_right p { text-align: left; margin: 2em 0 -1em 4%; padding: 0; } .sidesection .subsection_content.image_right .dashicons { position: relative; top: 0.2em; padding-right: 0.5em; } section.black { background: black; padding: 4em 0; } section.form > p { display: none; } ul.services { width: 95%; max-width: 1280px; margin: 0 auto; list-style: none outside; text-align: center; } ul.services:after { clear: both; content:''; display: table; } ul.services li { width: 45%; float: left; text-align: left; padding-right: 2em; } ul.services li a { font-weight: normal; color: #BF223D; text-decoration: underline; } .circle_hover { width: 200px; height: 200px; float: left; margin: 2em 2em 2em 0; position: relative; } .circle_hover img { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% );, -webkit-transform: translate( -50%, -50% ); opacity: 0; transition: all 0.2s ease-in-out; } ul.services li:hover .circle_hover img { opacity: 1; } .circle_noc { background-image: url(/wp-content/uploads/2018/01/circle_noc.png); } .circle_helpdesk { background-image: url(/wp-content/uploads/2018/01/circle_helpdesk.png); } .circle_specialprojects { background-image: url(/wp-content/uploads/2018/01/circle_specialprojects.png); } .circle_itdispatch { background-image: url(/wp-content/uploads/2020/04/itdispatch_circle.png); } .circle_soc { background-image: url(/wp-content/uploads/2020/04/soc_circle.png); } ul.checklist { list-style: none outside; } ul.checklist li { position: relative; padding-left: 1.5em; text-indent: 0; padding-bottom: 0.5em; } ul.checklist li:before { content: "\f147"; font-family: 'Dashicons', sans-serif; font-size: 2em; position: absolute; top: 0; left: -0.5em; } ul.partner_list { list-style: none outside; text-align: center; } ul.partner_list li { width: 20%; margin: 0.5em; border: 1px #aaa solid; display: inline-block; } ul.partner_list li img { width: 100%; } #input_1_28, #input_6_21 { display: block !important; } #input_1_28_6, #input_6_21_6 { width: 98% !important; } .gfield_label { text-align: center; margin-left: auto !important; margin-right: auto !important; } #gform_fields_1 > div, #gform_fields_1 > fieldset { margin-bottom: 1rem; } .gform_footer { display: block !important; justify-content: center; margin-top: 2rem !important; } #gform_fields_6 .ginput_container_checkbox br, #gform_fields_6 .gchoice br, #input_18_7 br, #input_18_14 br { display: none; } #gform_fields_2 { list-style: none outside; } .page-id-246 .gform_required_legend { color: black; } #label_6_7_1 { display: inline !important; } #input_1_34 > div { margin: 0 auto; } #menu-item-84 { background: #bd233c; padding: 0.25rem 1rem; border-radius: 99px; transition: 0.5s all; } #menu-item-84:hover { background: red; } #menu-item-84 a { font-weight: bold; } /* #gform_1 { width: 60%; padding: 0 3em; margin: 0 auto; border: 1px #ddd solid; } #gform_1 input[type="text"] { border: 0; border-bottom: 1px #767676 solid; width: 100% !important; font-family: 'Poppins', sans-serif; text-align: center; } #gform_1 textarea { border: 1px #767676 solid; width: 100% !important; font-family: 'Poppins', sans-serif; } #gform_fields_1 { text-align: center; } #gform_fields_1 li { width: 92%; padding: 0 1em; display: inline-block; vertical-align: top; } #field_1_1, #field_1_2, #field_1_3, #field_1_6 { width: 45% !important; } #gform_fields_1 li label { position: relative; top: 4.5em; font-weight: 300; } #field_1_4 { padding-top: 3em !important; } #field_1_4 label, #field_1_9 label, #field_1_33 label { top: 0 !important; } #input_1_9 br, .gform_footer br, #input_1_33 br { display: none; } .gform_footer { text-align: center; } #field_1_11 { margin-bottom: 1em; } #field_1_33 { padding-top: 0; margin-top: 0; } #field_1_9 { margin-top: 3em; } #gform_wrapper_2 { margin: 0; } #gform_fields_2 li { width: 100%; margin-top: 0 !important; margin-bottom: 0.5em; display: table; } #gform_fields_2 li .gfield_label { display: table-footer-group; font-weight: 300; } #gform_fields_2 li .ginput_container { display: table-header-group; } #gform_fields_2 li input[type="text"] { width: 100%; border: 0; border-bottom: 1px #aaa solid; background: transparent; color: white; font-family: 'Poppins', sans-serif; } #field_2_6 .gfield_label { display: none !important; } #input_2_6 > div { margin: 1em auto 0; } .grecaptcha-badge { display: none; } .gform_wrapper .gf_progressbar_percentage { position: relative; top: 16px; } #gform_wrapper_9 .gform_page_footer { text-align: center; } #gform_wrapper_9 input[type="text"], #gform_wrapper_9 select { width: 100%; } #input_9_29_other { width: 80% !important; } #gform_wrapper_9 .gfield_checkbox br { display: none; } #gform_wrapper_9 .gform_page_fields > ul > li { margin-bottom: 2em; } #gform_wrapper_9 .gform_page_footer a { display: block; width: fit-content; margin: 1em auto; } #field_9_1, #field_9_2, #field_9_3, #field_9_6, #field_9_8, #field_9_9, #field_9_10, #field_9_11, #field_9_13, #field_9_14, #field_9_16, #field_9_17, #field_9_18, #field_9_19, #field_9_20, #field_9_21, #field_9_22, #field_9_24, #field_9_25, #field_9_26, #field_9_27, #field_9_28, #field_9_29, #field_9_30, #field_9_31, #field_9_33, #field_9_34, #field_9_39, #field_9_40 { display: inline-block; vertical-align: top; width: 48%; box-sizing: border-box; } #input_9_41 { text-align: center; } #field_9_60 { background: #ffffdd; margin: 2em 0; padding: 2em; border-top: 3px #B7203A solid; } .gfield_radio br { display: none; } .gfield_list_icons img { width: 15px; } #field_9_73, #field_9_74, #field_9_75, #field_9_76, #field_9_77, #field_9_78, #field_9_79, #field_9_80, #field_9_81, #field_9_82, #field_9_83, #field_9_84, #field_9_85, #field_9_86, #field_9_87, #field_9_88, #field_9_89, #field_9_90, #field_9_91, #field_9_92, #field_9_93, #field_9_94, #field_9_95 { display: inline-block; width: 12%; box-sizing: border-box !important; padding-right: 0 !important; margin: 0 !important; } #field_9_73 { margin-left: 12% !important; } #field_9_100 { margin-top: 4em; } */ .business_hours_label { text-transform: uppercase; text-align: right; font-size: 0.8rem; font-weight: bold; margin-right: 2em; } .post-password-form { width: 50%; margin: 8em auto; text-align: center; } .ginput_address_country { width: 100% !important; } .ginput_address_country br, .ginput_address_country label { display: none !important; } .mcnoc_page #gform_wrapper_2 { display: none; } .mcnoc_hidden { display: none; } .page-id-942 main { width: 95%; margin: 0 auto; } #gfield_description_18_22 { line-height: 1em; } .blog_posts { list-style: none outside; width: 95%; max-width: 1280px; margin: 0 auto; } .blog_posts li { border-bottom: 1px #ddd solid; padding: 2rem 0; display: flex; gap: 2rem; align-items: flex-start; } .blog_posts li:last-child { border-bottom: none; } .blog_posts li .blog_image { flex-basis: 25%; box-sizing: border-box; padding: 1rem 0; } .blog_posts li .blog_image img { width: 100%; } .blog_posts li article { flex-basis: 75%; box-sizing: border-box; } .blog_posts li article h3 { text-align: left; padding-bottom: 0; } .blog_post_content h2, .blog_post_content h3 { text-align: left; } .blog_post_content img { padding-bottom: 2rem; } .page-id-1584 .wp-block-video { width: 80%; margin: 0 auto; } .mcnoc_banner { background: #bf223d; color: white; font-size: 1.25em; font-weight: bold; text-align: center; padding: 1rem 2rem; margin-bottom: 2rem; box-sizing: border-box; } .menu_link { display: none; position: absolute; top: 1rem; right: 0; color: white; z-index: 1000000; } .menu_link span { height: 32px !important; width: 32px !important; font-size: 32px !important; } .menu_link:hover { color: white; } ul.textleft { list-style: disc outside; padding-left: 2rem; } ul.textleft li { margin-bottom: 1rem; } .content_centered > .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .mid_front_page_form { max-width: 90% !important; } #input_1_34 > div { text-align: left; padding: 0.5rem 2rem; border-bottom: 1px #ddd solid; } #input_1_34 > div:last-child { border-bottom: none; /*column-span: all; text-align: center;*/ } @media screen and ( max-width: 1280px ) { #menu-item-80 { display: none; } } @media screen and ( max-width: 1180px ) { .menu-main-menu-container { position: relative; right: auto; top: 0; margin-bottom: 1rem; } .menu-main-menu-container ul { text-align: center; } .sitewrapper > header > header { line-height: 1.5rem; } } @media screen and ( max-width: 1000px ) { .recent_blog_posts { display: block; } .recent_blog_post { margin-bottom: 1rem; } .recent_blog_post .img_container { width: 40%; float: left; margin-right: 2rem; } .recent_blog_post:after { content: ''; clear: both; display: table; } #new-royalslider-1 .rsContent img { width: 30%; } .wp-block-columns.fp_feature_boxes { flex-wrap: wrap !important; } .wp-block-columns.fp_feature_boxes > * { flex-basis: 100% !important; } .reverse_on_mobile > div:first-child { order: 2; } .reverse_on_mobile > div:last-child { order: 1; } } @media screen and ( max-width: 850px ) { .menu_link { display: block; } .menu-main-menu-container { position: fixed; right: -51%; top: 0; width: 50%; height: 100%; background: black; z-index: 999999; transition: 0.5s all; } .menu_visible .menu-main-menu-container { right: 0; } header .nav_menu { margin: 4rem 0; width: 97%; } header .nav_menu > li { display: block; text-align: left; padding: 0.5rem; border-bottom: 1px #ccc solid; } header .nav_menu > li > a:after { display: none !important; } #menu-item-80 { display: block; } header .sub-menu { display: block; position: relative; text-indent: 3rem; opacity: 1; padding-top: 0; } header .sub-menu li { background: transparent; text-align: left; border-bottom: none; } header .sub-menu a { color: white; } main > .wp-block-cover.fullwidth h1 { font-size: 3rem !important; } main > .wp-block-cover.fullwidth h2 { font-size: 1.75rem !important; } .video_container { min-height: 200vh !important; } } @media screen and ( max-width: 800px ) { .recent_blog_post { border-bottom: 1px #ddd solid; padding: 1rem 0; } .recent_blog_post .img_container { width: 100%; float: none; margin: 0; } } @media screen and ( max-width: 700px ) { main > .wp-block-cover.fullwidth h1 { font-size: 2.5rem !important; } main > .wp-block-cover.fullwidth h2 { font-size: 1.5rem !important; } header .full_logo { height: 60px; } .video_container { min-height: 90vh !important; } } @media screen and ( max-width: 650px ) { .menu-main-menu-container { right: -101%; width: 100%; } footer .toronto a { float: none; display: block; margin: 0 auto 2rem; } footer .toronto h2 { text-align: center; font-size: 1.75em; } footer > ul > li { width: 100% !important; text-align: center; } #new-royalslider-1 .rsContent img { width: 43%; } .blog_posts li { display: block; } } @media screen and ( max-width: 600px ) { h4 { font-size: 1.3em; } main > .wp-block-cover.fullwidth br { content: ''; margin-right: 0.5rem; } } /* @media screen and ( max-width: 1000px ) { .sitewrapper > header { height: auto !important; } .sitewrapper > header > header { line-height: 1em !important; text-align: left; } header > header { min-height: 70px; height: auto !important; } .logo { width: 75%; text-align: left; float: none; display: inline-block; } .logo:after { content:''; clear: both; display: table; } .logo img { max-width: 100%; } .partner_channel { display: none !important; } .video .video_bg { max-height: 100% !important; overflow: visible !important; width: 150% !important; margin-left: -30%; } .col2 li { width: 80% !important; margin-bottom: 2em !important; } .col2 img { width: 100%; height: auto; margin-bottom: 0 !important; } .col2 h2 { padding-bottom: 0; } .section_content h2 br { display: none; } .menu_link { position: absolute; top: 25%; right: 5px; } .menu_link span { width: 32px; height: 32px; font-size: 32px; } .video .section_content { padding-top: 3em; } .section_content h1 { font-size: 1.5em; padding: 0 0 0; margin-bottom: 0; } .section_content h1 img { max-height: 40px; } .section_content h2 { font-size: 1.5em; } .section_content h3 { font-size: 1em; line-height: 1.3em; } .section_content h3 br { display: none; } section.video h3 { font-size: 1.15em; padding: 1em 1em 0 1em; } ul.services li { text-align: center; padding-bottom: 2em; } .services .circle_hover { float: none; margin: 2em auto; } section.halfpic img { float: none !important; width: 100% !important; height: 100% !important; } section.halfpic .section_content { width: 80% !important; margin: 0 auto; position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; -webkit-transform: none !important; } #new-royalslider-1 .rsContent img { width: 30% !important; } footer .toronto h2 { font-size: 1.6em; text-align: center; padding: 1em; } footer .toronto a { float: none; display: block; width: 70%; margin: 0 auto; } footer ul li { width: 100% !important; text-align: center; } footer ul li img { width: 50%; } footer p { text-align: center; } .menuwrapper { width: 300px !important; } section.masthead > img { width: 200% !important; margin-left: -25%; } section.twocol_text p { width: 100%; padding-bottom: 1em; } section.inner_image .section_content img { float: none !important; margin: 0 auto; z-index: 1 !important; } section.mission .section_content { padding: 5em 0 !important; position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; -webkit-transform: none !important; } section.mission > img { width: auto !important; height: 100% !important; max-height: 100% !important; position: absolute; } section.mission .section_content h2, section.mission .section_content p { position: relative; z-index: 5; } .services li { width: 100% !important; } .services li .circle_hover { margin-top: 0 !important; } .services li h4 img { max-height: 50px; } section.engineers .section_content { position: relative !important; width: 90% !important; top: 0 !important; left: 0 !important; transform: none !important; -webkit-transform: none !important; } section.engineers > img { position: absolute; height: 100% !important; width: auto !important; } .has_bg_image { text-shadow: rgba( 0,0,0,0.7 ) 2px 2px 2px; } section.greybox { float: none !important; width: 90%; padding: 3%; margin: 0 auto 3em !important; } a.button { padding: 0.5em 0.75em; } section.overflow .section_content { position: relative !important; width: 90% !important; top: 0 !important; left: 0 !important; transform: none !important; -webkit-transform: none !important; padding: 3em 0; } section.overflow > img { position: absolute; height: 100% !important; width: auto !important; right: -10%; } #gform_1 { width: 90% !important; padding: 0; } #field_1_1, #field_1_2, #field_1_3, #field_1_6 { width: 92% !important; } #gform_fields_1 li label { top: 5em; } section.map #mapp0 { position: relative; width: 100% !important; } .map .black { padding: 0.5em 0 !important; } .sidesection { width: 100%; margin-left: 0; } .sidesection .subsection_content.image_right { padding-bottom: 1em !important; } .sidesection .subsection_content.image_right p { margin: 0 !important; } .sidesection .subsection_content.image_right p span { padding-left: 1em !important; } } */ .gform_alert { color: white !important; background-color: #d64602 !important; margin-top: 40px; }