.hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } /*************************************************************** * backgrounds ***************************************************************/ .bg-light-grey, .bg-grey-light { background-color: #EFF1F6; } .bg-dark-grey, .bg-grey-dark, #p247-footer { background-color: #575B5D; } .bg-white { background-color: white; } /*************************************************************** * font colors ***************************************************************/ .color-white { color: white; } .color-light-grey, .color-grey-light, #p247-footer a, #p247-footer .widget_nav_menu { color: #EFF1F6; } .color-dark-grey, .color-grey-dark { color: #575B5D; } #debug { z-index: 100000; display: flex; justify-content: center; align-items: center; position: fixed; top: 50px; right: 0; background: yellow; font-size: 40px; width: 75px; height: 75px; } @media only screen and (max-width: 768px) { #debug { top: 150px; } } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #main a { color: #0d0e0e; border-bottom: 1px dotted #575B5D; } #main a:hover { text-decoration: none; border-bottom: 1px dotted #575B5D; } body { font-family: 'bariolregular', Arial, Helvetica, sans-serif; color: #575B5D; font-size: 1.35rem; } a, input { outline: none !important; } h1, .h1 { font-family: 'bariolbold', Arial Black, Arial, Helvetica, sans-serif; font-size: 50px; } h2, .h2 { font-family: 'bariolbold', Arial Black, Arial, Helvetica, sans-serif; padding-bottom: 40px; } /*************************************************************** * blockquote ***************************************************************/ blockquote { padding: 30px; border-radius: 20px; margin: 20px 0; } blockquote p { text-align: center; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } /*************************************************************** * button: gradient border, rounded, transparent ***************************************************************/ a.btn-gradient { display: inline-block; padding: 8px 20px; color: white !important; border-radius: 40px; font-size: 1.18125rem; border: none !important; } a.btn-gradient:hover { border: none !important; color: white !important; text-decoration: none; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .container.p247-header, .container-fluid.p247-header { z-index: 10000; background: #EFF1F6; border-bottom: 1px solid #575B5D; position: fixed; } @media only screen and (max-width: 576px) { .container.p247-header, .container-fluid.p247-header { position: relative; } } .container.p247-header .main_header, .container-fluid.p247-header .main_header { padding: 20px 0 10px 0; position: relative; height: 100px; } .container.p247-header .main_header .main-logo, .container-fluid.p247-header .main_header .main-logo { z-index: 10000; position: absolute; width: 300px; align-self: center; } .container.p247-header .main_header .main-logo img, .container-fluid.p247-header .main_header .main-logo img { width: 310px; } @media only screen and (max-width: 576px) { .container.p247-header .main_header .main-logo, .container-fluid.p247-header .main_header .main-logo { margin-top: 5px; width: 240px; } .container.p247-header .main_header .main-logo img, .container-fluid.p247-header .main_header .main-logo img { max-width: 240px; } } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.home .p247-masthead { /*************************************************************** * heading ***************************************************************/ /*************************************************************** * timer ***************************************************************/ /*************************************************************** * intro ***************************************************************/ } @media only screen and (max-width: 768px) { body.home .p247-masthead h1 { font-size: 50px; line-height: 50px; padding: 20px; text-align: center; } } body.home .p247-masthead .timer { padding-top: 75px; } body.home .p247-masthead .timer h1 { margin-bottom: -1rem; } @media only screen and (max-width: 576px) { body.home .p247-masthead .timer { padding-top: 0; } body.home .p247-masthead .timer h1 { text-align: center; font-family: 'bariolregular', Arial, Helvetica, SansSerif; } } body.home .p247-masthead .intro { padding-top: 75px; padding-bottom: 75px; } /*************************************************************** * archive masthead ***************************************************************/ .p247-masthead-generic { padding: 100px 0; } body.home .p247-masthead { /*************************************************************** * movie ***************************************************************/ } body.home .p247-masthead .movie { display: flex; } @media only screen and (max-width: 768px) { body.home .p247-masthead .movie canvas { align-self: center; margin: 0 auto; } } @media only screen and (min-width: 768px) { body.home .p247-masthead .movie { justify-content: flex-end; } body.home .p247-masthead .movie canvas { margin: 0 40px; } } @media only screen and (min-width: 992px) { body.home .p247-masthead .movie { margin-top: 0px; } } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #quadmenu.quadmenu-is-horizontal { z-index: 9999 !important; background: none; background-color: transparent !important; margin-top: 10px; border: none; /*************************************************************** * MAIN MENU CLASS ***************************************************************/ } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal { background: transparent !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse { background: transparent !important; margin-top: 0px; /*************************************************************** * menu items ***************************************************************/ } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav { /*************************************************************** * top level ***************************************************************/ } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li { /*************************************************************** * dropdown ***************************************************************/ } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li a span.quadmenu-item-content .quadmenu-caret { background: transparent !important; color: #575B5D !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li.quadmenu-has-link:hover { background-color: transparent; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li.quadmenu-has-link:hover a span.quadmenu-item-content { color: #262728; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li.quadmenu-has-link:hover a span.quadmenu-item-content .quadmenu-caret { background: transparent !important; color: #575B5D !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li.quadmenu-has-link.open { background-color: transparent; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li.quadmenu-has-link.open > a > .quadmenu-item-content { color: #262728; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li a.quadmenu-dropdown-toggle { color: Red !important; background: transparent; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li a span.quadmenu-item-content { text-transform: none; font-size: 16px; color: #575B5D !important; text-align: left; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu { padding-top: 20px; top: 70px !important; background: white; box-shadow: none !important; } @media only screen and (min-width: 992px) { #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu:before, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu:after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu:before { width: 20px; background-image: -webkit-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -o-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu:after { height: 20px; background-image: -webkit-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); background-image: -o-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } } @media only screen and (max-width: 576px) { #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu { max-width: 420px; } } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul { display: flex; flex-wrap: wrap; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li { padding-left: 20px; border-radius: 20px; flex-basis: 100%; } @media only screen and (min-width: 576px) { #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li { flex-basis: 50%; } } @media only screen and (min-width: 768px) { #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li { flex-basis: 50%; } } @media only screen and (min-width: 992px) { #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li { flex-basis: 25%; } } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li:hover { background: #e6e6e6 !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul ul li:hover a span.quadmenu-item-content { color: #3e4143 !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul { padding-left: 0; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row { height: auto !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row > li:first-child { padding-left: 0; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li.quadmenu-item:hover { background-color: transparent; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li.quadmenu-item:hover a span.quadmenu-item-content { color: #575B5D; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li.quadmenu-item:hover a span.quadmenu-item-content:hover { color: #3e4143 !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a { border: none !important; } #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content { color: #575B5D; padding-left: 0; } /*************************************************************** * caret only ***************************************************************/ #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li > a { display: flex !important; } #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li > a .quadmenu-item-content { display: flex !important; flex-direction: row-reverse; align-items: center; padding: 0 10px !important; } #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li > a .quadmenu-item-content .quadmenu-caret { position: relative; top: 0; margin: 0; width: 10px; } #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li > a .quadmenu-item-content .quadmenu-text { padding-right: 5px; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #quadmenu { background: none !important; background-color: transparent !important; box-shadow: none !important; z-index: 9000 !important; border: none; width: 100% !important; /*************************************************************** * header ***************************************************************/ /*************************************************************** * hamburger ***************************************************************/ /*************************************************************** * main dropdown ***************************************************************/ } #quadmenu .quadmenu-navbar-header { background: transparent !important; } #quadmenu .icon-bar-container .icon-bar { background-color: #575B5D !important; } #quadmenu .quadmenu-navbar-collapse { background: #575B5D; margin-top: 20px; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav { /*************************************************************** * top level ***************************************************************/ } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li { /*************************************************************** * sub dropdown ***************************************************************/ } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li a { font-size: 1rem !important; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li a.quadmenu-dropdown-toggle { color: white; background: #575B5D; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li a .quadmenu-item-content { color: white; text-transform: none; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li a .quadmenu-item-content .quadmenu-caret { background: #575B5D !important; color: white !important; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li:hover a .quadmenu-item-content { color: white; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li.open a .quadmenu-item-content { color: white; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu { background: #707577; color: white; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row { padding-left: 0; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row li ul { padding-left: 0; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row li ul li { color: white !important; border-radius: 20px !important; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row li ul li:hover { background: #898e91 !important; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row li ul li a { border: none !important; } #quadmenu .quadmenu-navbar-collapse ul.quadmenu-navbar-nav li div.quadmenu-dropdown-menu ul.quadmenu-row li ul li a .quadmenu-item-content { color: white !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .icon-block-grid { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 100px !important; flex-wrap: wrap; margin-left: 2%; /*************************************************************** * AWARDS / PARTNERS VERSION * -container * -- image * -- header (info ***************************************************************/ /*************************************************************** * CLIENTS VERSION ***************************************************************/ /*************************************************************** * TEAM VERSION ***************************************************************/ } @media only screen and (max-width: 992px) { .icon-block-grid { margin-left: 6%; } } .icon-block-grid .icon-block-container { display: flex; flex-direction: column; width: 45%; margin: 4% 2% 0 2%; padding: 30px; border-radius: 20px; /*************************************************************** * header ***************************************************************/ /*************************************************************** * footer ***************************************************************/ } @media only screen and (max-width: 992px) { .icon-block-grid .icon-block-container { width: 90%; } } .icon-block-grid .icon-block-container .icon-block-header { margin-bottom: 30px; } .icon-block-grid .icon-block-container .icon-block-header a { color: #575B5D !important; border: none !important; } .icon-block-grid .icon-block-container .icon-block-header .image { max-width: 100px; margin-right: 20px; } .icon-block-grid .icon-block-container .icon-block-header .image img.icon { width: 100%; display: inline-block; } .icon-block-grid .icon-block-container .icon-block-header h2 { font-size: 30px; text-align: left; padding: 0; margin: 0; } .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle { display: block; font-size: 22px; } .icon-block-grid .icon-block-container .excerpt { margin-bottom: 30px; } .icon-block-grid .icon-block-container .excerpt .btn { display: none !important; } .icon-block-grid .icon-block-container .cta { margin-top: auto; text-align: center; } .icon-block-grid.post-type-awards .icon-block-container, .icon-block-grid.post-type-partners .icon-block-container { width: 100%; flex-direction: row; /*************************************************************** * image ***************************************************************/ /*************************************************************** * header ***************************************************************/ } @media only screen and (max-width: 576px) { .icon-block-grid.post-type-awards .icon-block-container, .icon-block-grid.post-type-partners .icon-block-container { flex-direction: column; } } .icon-block-grid.post-type-awards .icon-block-container .image, .icon-block-grid.post-type-partners .icon-block-container .image { text-align: center; width: 30%; margin-right: 20px; } @media only screen and (max-width: 576px) { .icon-block-grid.post-type-awards .icon-block-container .image, .icon-block-grid.post-type-partners .icon-block-container .image { width: 100%; text-align: left; margin-bottom: 30px; } } .icon-block-grid.post-type-awards .icon-block-container .image img.icon, .icon-block-grid.post-type-partners .icon-block-container .image img.icon { max-width: 150px; width: 100%; display: inline-block; } .icon-block-grid.post-type-awards .icon-block-container .icon-block-header, .icon-block-grid.post-type-partners .icon-block-container .icon-block-header { width: 70%; flex-direction: column; align-items: flex-start; } @media only screen and (max-width: 576px) { .icon-block-grid.post-type-awards .icon-block-container .icon-block-header, .icon-block-grid.post-type-partners .icon-block-container .icon-block-header { width: 100%; } } .icon-block-grid.post-type-awards .icon-block-container .icon-block-header h2, .icon-block-grid.post-type-partners .icon-block-container .icon-block-header h2 { margin-bottom: 20px; } .icon-block-grid.post-type-awards .icon-block-container .icon-block-header a.btn-gradient, .icon-block-grid.post-type-partners .icon-block-container .icon-block-header a.btn-gradient { color: white !important; } .icon-block-grid.post-type-case-studies .icon-block-container .icon-block-header { justify-content: center; } .icon-block-grid.post-type-case-studies .icon-block-container .icon-block-header h2 { display: none; } .icon-block-grid.post-type-meet-the-team .icon-block-container { padding: 0 !important; flex-direction: row; } .icon-block-grid.post-type-meet-the-team .icon-block-container .image { width: 40% !important; flex-grow: 1; background-size: cover; background-repeat: no-repeat; background-position: 80% center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header { padding: 20px; width: 60% !important; flex-direction: column; align-items: flex-start; flex-shrink: 1; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header h2 { margin-bottom: 20px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header h2 .subtitle { font-size: 20px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .contact { margin-bottom: 20px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .contact .phone, .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .contact .email { font-size: 14px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .contact .phone span, .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .contact .email span { display: inline-block; width: 15px; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .cta { margin-top: auto; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header .cta a { color: white !important; } @media only screen and (max-width: 768px) { .icon-block-grid.post-type-meet-the-team .icon-block-container { flex-direction: column; } .icon-block-grid.post-type-meet-the-team .icon-block-container .image { height: 150px; width: 100% !important; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px !important; } .icon-block-grid.post-type-meet-the-team .icon-block-container .icon-block-header { width: 100% !important; } } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .p247_row_dropdown { /*************************************************************** * toggler ***************************************************************/ /*************************************************************** * dropdown ***************************************************************/ /*************************************************************** * course dropdown ***************************************************************/ } .p247_row_dropdown a.p247_toggle { display: block; text-align: center; color: white !important; padding: 20px 0; border: none !important; } .p247_row_dropdown a.p247_toggle:hover { text-decoration: none; } .p247_row_dropdown a.p247_toggle span.p247_toggle_caret { margin-left: 10px; display: inline-block; width: 30px; height: 30px; } .p247_row_dropdown a.p247_toggle span.p247_toggle_caret img { width: 30px; height: 30px; } .p247_row_dropdown a.p247_toggle span.p247_toggle_caret img.icon-up { display: inline-block; } .p247_row_dropdown a.p247_toggle span.p247_toggle_caret img.icon-down { display: none; } .p247_row_dropdown a.p247_toggle.collapsed span.p247_toggle_caret img.icon-up { display: none; } .p247_row_dropdown a.p247_toggle.collapsed span.p247_toggle_caret img.icon-down { display: inline-block; } .p247_row_dropdown .p247_row_dropdown_items { display: flex; flex-wrap: wrap; padding: 30px 0; } .p247_row_dropdown .p247_row_dropdown_items a { border: none !important; flex-basis: 100%; text-transform: none; font-size: 16px; color: #EFF1F6 !important; text-align: left; padding: 10px 10px 10px 20px; } .p247_row_dropdown .p247_row_dropdown_items a:hover { color: white; text-decoration: none; background: #707577 !important; border-radius: 20px; } @media only screen and (min-width: 992px) { .p247_row_dropdown .p247_row_dropdown_items a { flex-basis: 25%; } } @media only screen and (max-width: 992px) { .p247_row_dropdown .p247_row_dropdown_items a { flex-basis: 50%; } } @media only screen and (max-width: 768px) { .p247_row_dropdown .p247_row_dropdown_items a { flex-basis: 100%; } } .p247_row_dropdown .p247_row_dropdown_items br { display: none; } .p247_row_dropdown.p247_course_dropdown { margin-top: 50px !important; margin-bottom: 50px !important; } .p247_row_dropdown.p247_course_dropdown a { border: none !important; } .p247_row_dropdown.p247_course_dropdown a.p247_toggle { color: #575B5D !important; border: none !important; } .p247_row_dropdown.p247_course_dropdown .gradient-strap { height: 10px; margin: 0 -30px; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category { width: 100%; border-top: 1px solid #ced4e4; padding-bottom: 10px; padding-top: 40px; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category:first-child { border: none; padding-top: 20px; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category h3 { color: #575B5D !important; font-size: 22px !important; margin-left: 20px !important; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links { display: flex; flex-wrap: wrap; padding: 15px 0 30px 0; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a { min-width: 40%; flex-basis: 50%; text-transform: none; font-size: 16px; color: #575B5D !important; text-align: left; padding: 10px 20px 10px 0; padding-left: 20px; } .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:hover { color: white !important; text-decoration: none; background: #aeb8d1 !important; border-radius: 20px; } @media only screen and (max-width: 768px) { .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a { flex-basis: 100%; } } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .p247_page_contacts { color: white; } .p247_page_contacts .p247_page_contact { display: flex; min-height: 300px; /*************************************************************** * image ***************************************************************/ /*************************************************************** * info ***************************************************************/ } .p247_page_contacts .p247_page_contact h3 { margin-bottom: 30px; } .p247_page_contacts .p247_page_contact a { color: white; } .p247_page_contacts .p247_page_contact .p247_contact_image { min-height: 300px; background-repeat: no-repeat; background-position: right center; background-size: cover; padding: 0 50px; } .p247_page_contacts .p247_page_contact .p247_contact_info { min-height: 300px; display: flex; flex-direction: column; justify-content: center; padding: 0 50px; } .p247_page_contacts .p247_page_contact .p247_contact_info .name_data { margin-bottom: 30px; } .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name { letter-spacing: 1px; } .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .job { letter-spacing: 1px; } .p247_page_contacts .p247_page_contact .p247_contact_info .contact_data .phone { letter-spacing: 1px; } .p247_page_contacts .p247_page_contact .p247_contact_info .contact_data .email { letter-spacing: 1px; } .p247_page_contacts .p247_page_contact .p247_contact_info .contact_data span { display: inline-block; width: 30px; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .p247-contact { /*************************************************************** * social ***************************************************************/ /*************************************************************** * form ***************************************************************/ } .p247-contact h2 { color: white; } .p247-contact .contact-social a { border: none !important; } .p247-contact .contact-social .wpb_wrapper { display: flex; justify-content: center; align-items: center; } .p247-contact .contact-social .wpb_wrapper .wpb_single_image { margin: 0; padding: 0; } .p247-contact .contact-social .wpb_wrapper .wpb_single_image img { max-width: 35px; max-height: 35px; margin: 0 10px; } .p247-contact form { margin-bottom: 30px; } .p247-contact form textarea { font-size: 22px; width: 100%; border: none; background: white; border-radius: 10px; padding: 15px; height: 170px; margin-bottom: 35px; } @media only screen and (max-width: 576px) { .p247-contact form textarea { font-size: 20px; } } .p247-contact form input { font-size: 22px; width: 100%; border: none; background: white; border-radius: 10px; padding: 20px; margin-bottom: 25px !important; } @media only screen and (max-width: 576px) { .p247-contact form input { font-size: 20px; } } .p247-contact form input.btn-submit, .p247-contact form input.wpcf7-submit { width: auto; border-radius: 40px; border: 3px solid white; color: white; padding: 10px 30px; display: block; float: right; background: none; } @media only screen and (max-width: 768px) { .p247-contact form input.btn-submit, .p247-contact form input.wpcf7-submit { font-size: 20px; } } @media only screen and (max-width: 576px) { .p247-contact form input.btn-submit, .p247-contact form input.wpcf7-submit { float: none; margin: 0 auto; } } .p247-contact form input.btn-submit:hover, .p247-contact form input.wpcf7-submit:hover { cursor: pointer; background: rgba(255, 255, 255, 0.3); } .p247-contact form .g-recaptcha { display: block; width: 100% !important; height: auto !important; overflow: hidden; } @media only screen and (max-width: 576px) { .p247-contact form .g-recaptcha { margin-bottom: 30px; margin-left: 7.5%; transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin: 0 0; -webkit-transform-origin: 0 0; } .p247-contact form .g-recaptcha > div { margin: 0 auto; } } /*************************************************************** * contact form 7 ***************************************************************/ .screen-reader-response { display: none !important; } form.wpcf7-form .wpcf7-validation-errors { border: none; } form.wpcf7-form .wpcf7-response-output { position: relative; width: auto; border: none; background: rgba(255, 255, 255, 0.3); border-radius: 20px; color: white; overflow: hidden; max-width: 600px; left: 50%; transform: translateX(-50%); } form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok, form.wpcf7-form .wpcf7-response-output.wpcf7-spam-blocked { display: inline-block; } form.wpcf7-form .wpcf7-not-valid-tip { display: none !important; } form.wpcf7-form .ajax-loader { background-image: url("../images/Spinner-1.2s-200px.gif"); width: 24px; height: 24px; margin: 0 auto !important; visibility: hidden !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .p247-map { width: 100%; height: 525px; background-color: white; } /*************************************************************** * map tooltip ***************************************************************/ .map_tooltip { max-width: 300px; margin-top: 20px; padding-bottom: 30px; } .map_tooltip div.tooltip_logo { display: flex; align-items: center; margin-bottom: 20px; } .map_tooltip div.tooltip_logo img { max-width: 75px; height: auto; } .map_tooltip div.tooltip_logo h2 { padding: 0; font-size: 2rem; } .map_tooltip div.tooltip_logo h2 span.subtitle { display: block; font-size: 1rem; } .map_tooltip p { font-size: 1rem; color: #575B5D; } .map_tooltip a { color: #575B5D; border: none !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #p247-footer { margin: 0; /*************************************************************** * navs ***************************************************************/ /*************************************************************** * logo ***************************************************************/ } #p247-footer p { font-size: 16px; line-height: 20px; } @media only screen and (max-width: 768px) { #p247-footer .widget_nav_menu { margin-top: 40px !important; } } #p247-footer .widget_nav_menu h2 { font-size: 22px !important; margin: 0 0 20px 0; padding: 0; } #p247-footer .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; } #p247-footer .widget_nav_menu ul li { padding: 0px 0; } #p247-footer .widget_nav_menu ul li a { font-size: 16px; } #p247-footer .footer-logo img { max-height: 100px; width: auto; } /*************************************************************** * templatera ***************************************************************/ .p247_footer_templatera { padding: 50px 0; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #p247-boiler { color: white; } #p247-boiler p { font-size: 16px; } #p247-boiler .boiler-col-social .wpb_wrapper { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } #p247-boiler .boiler-col-social .wpb_wrapper .wpb_single_image { margin: 0; padding: 0; } #p247-boiler .boiler-col-social .wpb_wrapper .wpb_single_image img { max-width: 35px; max-height: 35px; margin: 0 10px; } @media only screen and (max-width: 576px) { #p247-boiler .boiler-col-copyright .p247_boiler_copyright { padding: 0; } #p247-boiler .boiler-col-copyright .wpb_wrapper { text-align: center; padding: 0; } #p247-boiler .boiler-col-social .wpb_wrapper { justify-content: center; padding-top: 20px; } } /*************************************************************** * templatera ***************************************************************/ .p247_boiler_templatera { padding: 30px 0 30px 0; } .p247_boiler_templatera .p247_boiler_copyright { padding-left: 15px; padding-top: 5px; } .p247_boiler_templatera .wpb_content_element { margin-bottom: 0 !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } /*************************************************************** * override default WP Bakery Page Builder ***************************************************************/ .wpb_content_element { margin-bottom: 0; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } /*************************************************************** * gradient bar as used on homepage ***************************************************************/ .gradient-bar a { display: block; color: white; padding: 20px 0; } .gradient-bar a:hover { text-decoration: none; color: #e6e6e6; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } nav.post-navigation .nav-links { justify-content: space-between !important; /*************************************************************** * if only one item, center it ***************************************************************/ } nav.post-navigation .nav-links span:only-child { margin: 0 auto; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.home { /*************************************************************** * remove default title ***************************************************************/ /*************************************************************** * image ***************************************************************/ /*************************************************************** * home sections ***************************************************************/ /*************************************************************** * home sections (industry) ***************************************************************/ /*************************************************************** * home sections (partners) ***************************************************************/ /*************************************************************** * contact form ***************************************************************/ } body.home h1.entry-title { display: none; } body.home h1 { font-size: 70px; line-height: 60px; } body.home .masthead-image { margin: 0; padding: 0; } body.home .masthead-image img { max-width: 250px; margin: 0 30px; } body.home .home-section .home-section-info-container { padding-top: 75px; padding-bottom: 35px; } body.home .home-section .home-section-icon-blocks { display: flex; margin: 20px 0 50px 0; justify-content: space-around; flex-wrap: wrap; } @media only screen and (min-width: 992px) { body.home .home-section .home-section-icon-blocks { margin-top: 50px; } } body.home .home-section .home-section-icon-blocks .home-section-icon-block { flex-basis: 30%; } @media only screen and (max-width: 768px) { body.home .home-section .home-section-icon-blocks .home-section-icon-block { flex-basis: 50%; margin-top: 40px; } } @media only screen and (max-width: 576px) { body.home .home-section .home-section-icon-blocks .home-section-icon-block { flex-basis: 100%; margin-top: 40px; } } body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon { margin-bottom: 10px; } body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon img { max-width: 100px; max-height: 100px; } @media only screen and (max-width: 992px) { body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon img { max-width: 70px; max-height: 70px; } } body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle { font-size: 22px; line-height: 32px; } @media only screen and (max-width: 992px) { body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle { font-size: 18px; line-height: 26px; } } body.home .home-section .home-section-icon-blocks .home-section-icon-block .title { font-size: 28px; line-height: 32px; } @media only screen and (max-width: 992px) { body.home .home-section .home-section-icon-blocks .home-section-icon-block .title { font-size: 24px; line-height: 28px; } } body.home .home-section .home-section-cta { margin: 0 -15px; } body.home .home-section .home-section-cta a { display: block; padding: 20px 0; color: white !important; border: none !important; text-decoration: none !important; } body.home .home-section .home-section-cta a:hover { text-decoration: none !important; color: white !important; border: none !important; } body.home .home-section.home-section-industry .home-section-icon-blocks .home-section-icon-block { flex-basis: 25% !important; margin-top: 30px; } @media only screen and (max-width: 768px) { body.home .home-section.home-section-industry .home-section-icon-blocks .home-section-icon-block { flex-basis: 30% !important; margin-top: 30px; } } @media only screen and (max-width: 576px) { body.home .home-section.home-section-industry .home-section-icon-blocks .home-section-icon-block { flex-basis: 50% !important; margin-top: 25px; } } body.home .home-section.home-section-partners .home-section-icon-blocks { display: flex; margin: 40px 0 50px 0; justify-content: space-around; flex-wrap: wrap; } body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block { display: flex; justify-content: center; align-items: center; flex-basis: 25% !important; margin-top: 30px; } @media only screen and (max-width: 768px) { body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block { flex-basis: 30% !important; margin-top: 30px; } } @media only screen and (max-width: 576px) { body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block { flex-basis: 50% !important; margin-top: 25px; } } body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block .title { display: none; } body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block .icon img { width: 100%; max-width: 150px; height: auto; max-height: none; } @media only screen and (max-width: 992px) { body.home .home-section.home-section-partners .home-section-icon-blocks .home-section-icon-block .icon img { max-width: 100px; } } body.home .p247-contact h2 { color: #575B5D; } body.home .p247-contact input[type="text"], body.home .p247-contact input[type="email"], body.home .p247-contact textarea { border: 1px solid #e6e6e6; } body.home .p247-contact input.btn-submit { border: none; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #main.training-course { /*************************************************************** * detail lhs ***************************************************************/ /*************************************************************** * info rhs ***************************************************************/ } #main.training-course h1 { margin-bottom: 30px; } #main.training-course .detail h3 { font-size: 30px; margin: 30px 0; } #main.training-course .detail .detail_info { padding: 30px; border-radius: 20px; } #main.training-course .course_info h3 { font-size: 30px; } #main.training-course .course_info .top { padding: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; } #main.training-course .course_info .bottom { padding: 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: white; } #main.training-course .course_info .bottom a { color: white; border-color: white; } #main.training-course .course_info .item { margin-bottom: 30px; } #main.training-course .course_info .item:last-child { margin-bottom: 0; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } .p247_post_grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 2% 50px 2%; } .p247_post_grid a { color: #575B5D !important; border: none !important; } .p247_post_grid a.btn-gradient { color: white !important; } .p247_post_grid .p247_post_grid_item { display: flex; flex-direction: column; margin-bottom: 30px; background: #EFF1F6; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; flex-basis: 100%; /*************************************************************** * masthead ***************************************************************/ /*************************************************************** * info ***************************************************************/ } @media only screen and (min-width: 768px) { .p247_post_grid .p247_post_grid_item { flex-basis: 45%; } } @media only screen and (min-width: 992px) { .p247_post_grid .p247_post_grid_item { flex-basis: 30%; } } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_masthead { height: 200px; max-height: 200px; background-size: cover; background-position: center center; border-top-left-radius: 20px; border-top-right-radius: 20px; } @media only screen and (min-width: 768px) { .p247_post_grid .p247_post_grid_item .p247_post_grid_item_masthead { max-height: 150px; } } @media only screen and (min-width: 992px) { .p247_post_grid .p247_post_grid_item .p247_post_grid_item_masthead { max-height: 150px; } } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info { padding: 20px 30px; flex-grow: 1; display: flex; flex-direction: column; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info p { margin: 0; padding: 0; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info p a { color: #575B5D; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info p a:hover { text-decoration: none; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info h2 { font-size: 22px; margin: 0 0 30px 0; padding: 0; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info h2 a { color: #575B5D; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info h2 a:hover { text-decoration: none; } .p247_post_grid .p247_post_grid_item .p247_post_grid_item_info div.link { margin-top: auto; } .p247_post_grid_pagination { display: flex; justify-content: center; margin-right: 4%; padding: 0 0 50px 0; } .p247_post_grid_pagination.align-left { justify-content: flex-start; } .p247_post_grid_pagination.align-center { justify-content: center; } .p247_post_grid_pagination.align-right { justify-content: flex-end; } .p247_post_grid_pagination span { display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: center; } .p247_post_grid_pagination span a { border-radius: 30px; display: inline-block; width: 40px; height: 40px; color: white !important; border: none !important; } .p247_post_grid_pagination span a:hover { border: none !important; text-decoration: none; } .p247_post_grid_pagination .page { width: 100px; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } #single-wrapper { /*************************************************************** * post navigation ***************************************************************/ } #single-wrapper header .entry-meta a { color: #575B5D; text-decoration: none; } #single-wrapper .entry-content h1 { margin-bottom: 30px; } #single-wrapper .wp-post-image { margin-bottom: 50px; width: 100%; } #single-wrapper main { padding: 75px 0 75px 0; } #single-wrapper main.training-course { padding-top: 0; } #single-wrapper .post-navigation { margin: 75px 0 0 0; } #single-wrapper .post-navigation span a { display: inline-block; margin-bottom: 40px; border-radius: 40px; color: white; padding: 10px 20px; font-size: 16px; border: none !important; } #single-wrapper .post-navigation span a:hover { color: white !important; text-decoration: none; border: none !important; -webkit-text-fill-color: white; } /*************************************************************** * default template ***************************************************************/ body.page-template-default #main { padding-top: 0; } body.page-template-default #main img { max-width: 100%; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-awards .award-image .wp-post-image { width: auto !important; height: auto !important; max-width: 150px !important; max-height: 150px !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-community .community-image .wp-post-image { width: auto !important; height: auto !important; max-width: 150px !important; max-height: 150px !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-partners .partner-image .wp-post-image { width: auto !important; height: auto !important; max-width: 150px !important; max-height: 150px !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-case-studies .client-image .wp-post-image { width: auto !important; height: auto !important; max-width: 150px !important; max-height: 150px !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-technology .technology-image .wp-post-image { width: auto !important; height: auto !important; max-width: 150px !important; max-height: 150px !important; } /*************************************************************** * colors ***************************************************************/ /*************************************************************** * main navigation ***************************************************************/ /*************************************************************** * font-sizes ***************************************************************/ /* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 2, 2016 */ @font-face { font-family: 'bariolregular'; src: url("../fonts/bariol_regular-webfont.eot"); src: url("../fonts/bariol_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular-webfont.woff2") format("woff2"), url("../fonts/bariol_regular-webfont.woff") format("woff"), url("../fonts/bariol_regular-webfont.ttf") format("truetype"), url("../fonts/bariol_regular-webfont.svg#bariolregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolitalic'; src: url("../fonts/bariol_regular_italic-webfont.eot"); src: url("../fonts/bariol_regular_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_regular_italic-webfont.woff2") format("woff2"), url("../fonts/bariol_regular_italic-webfont.woff") format("woff"), url("../fonts/bariol_regular_italic-webfont.ttf") format("truetype"), url("../fonts/bariol_regular_italic-webfont.svg#bariolitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bariolbold'; src: url("../fonts/bariol_bold-webfont.eot"); src: url("../fonts/bariol_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bariol_bold-webfont.woff2") format("woff2"), url("../fonts/bariol_bold-webfont.woff") format("woff"), url("../fonts/bariol_bold-webfont.ttf") format("truetype"), url("../fonts/bariol_bold-webfont.svg#bariolbold") format("svg"); font-weight: normal; font-style: normal; } .font-regular, body.home .p247-masthead .timer h1, .icon-block-grid .icon-block-container .icon-block-header h2 .subtitle, .p247-contact h2, .map_tooltip div.tooltip_logo h2 span.subtitle, #p247-footer .widget_nav_menu h2, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-family: 'bariolregular', Arial, Helvetica, SansSerif; } .font-bold, blockquote p, .p247_page_contacts .p247_page_contact .p247_contact_info .name_data .name, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.single-meet-the-team .p247_quote p { font-family: 'bariolbold', Arial Black, Arial, Helvetica, SansSerif; } .font-italic { font-family: 'bariolitalic', Arial, Helvetica, SansSerif; } .hl { border: 1px solid red; } .noborder { border: none !important; } /*************************************************************** * alignment ***************************************************************/ .text-center, form.wpcf7-form .wpcf7-response-output, form.wpcf7-form .wpcf7-validation-errors, form.wpcf7-form .wpcf7-mail-sent-ok, body.home .home-section .home-section-title, body.home .home-section .home-section-intro, body.home .home-section .home-section-icon-blocks .home-section-icon-block .icon, body.home .home-section .home-section-icon-blocks .home-section-icon-block .subtitle, body.home .home-section .home-section-icon-blocks .home-section-icon-block .title, body.home .home-section .home-section-cta { text-align: center; } .text-left, body.home .p247-masthead .timer h1, .map_tooltip div.tooltip_logo h2, .map_tooltip p { text-align: left; } .text-right { text-align: right; } /*************************************************************** * chevron after ***************************************************************/ .chevron-after:after, a.btn-gradient:after, #quadmenu.quadmenu-is-horizontal.p247-main-menu.quadmenu-is-horizontal .quadmenu-navbar-collapse ul.quadmenu-navbar-nav > li .quadmenu-dropdown-menu ul.quadmenu-row li a span.quadmenu-item-content:after, .p247_row_dropdown .p247_row_dropdown_items a:after, .p247_row_dropdown.p247_course_dropdown .p247_row_dropdown_items .p247_course_category .p247_course_links a:after, #p247-footer .widget_nav_menu ul li a:after, .gradient-bar a:after, body.home .home-section .home-section-cta a:after { white-space: pre; content: "\00a0\003e"; } .arrow-down-after:after { white-space: pre; content: "\25be"; } .arrow-up-after:after { white-space: pre; content: "\25b4"; } /*************************************************************** * resets ***************************************************************/ .nopadding { padding: 0; } .nomargin { margin: 0; } /****************************************************************** * gradient *******************************************************************/ .gradient-background, .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text, #p247-boiler, .bg-gradient, .p247_row_dropdown.p247_course_dropdown .gradient-strap, .p247_page_contacts, .gradient-bar, .p247_post_grid_pagination span a, #single-wrapper .post-navigation span a, .gradient-bg, a.btn-gradient, body.home .home-section .home-section-cta, body.home .p247-contact input.btn-submit, #main.training-course .course_info .bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #3daa83; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient-background-hover, a.btn-gradient:hover, .bg-gradient-hover, .p247_post_grid_pagination span a:hover, #single-wrapper .post-navigation span a:hover, .gradient-bg-hover, body.home .p247-contact input.btn-submit:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29200+0,e7302a+18,e6007e+36,951b80+58,009fe3+79,3daa83+100 */ background: #308466; /* Old browsers */ background: -moz-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #f29200 0%, #e7302a 18%, #e6007e 36%, #951b80 58%, #009fe3 79%, #3daa83 100%); } .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE10+ CSS styles go here */ background: none; } } @supports (-ms-accelerator: true) { .gradient, .color-gradient, blockquote p, body.single-meet-the-team .p247_quote p, .gradient-text { /* IE Edge 12+ CSS styles go here */ } } /*************************************************************** * radial grey ***************************************************************/ .gradient-radial, blockquote, .p247-masthead-generic, .icon-block-grid .icon-block-container, body.home .home-section.home-section-industry, #main.training-course .detail .detail_info, #main.training-course .course_info .top, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info, body.single-meet-the-team .p247_quote { background: #eceff5; background: linear-gradient(90deg, #eceff5 0%, #eceff5 25%, white 50%, #eceff5 75%, #eceff5 100%); } body.single-meet-the-team { /*************************************************************** * quote ***************************************************************/ } body.single-meet-the-team .p247-masthead-meet-the-team { /*************************************************************** * photo ***************************************************************/ /*************************************************************** * details ***************************************************************/ } body.single-meet-the-team .p247-masthead-meet-the-team .p247-staff-bg { min-height: 250px; background-repeat: no-repeat; background-size: cover; background-position: right center; } @media only screen and (min-width: 768px) { body.single-meet-the-team .p247-masthead-meet-the-team .p247-staff-bg { min-height: 350px; } } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card { text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex-grow: 1; height: 100%; padding: 10%; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 { text-align: left; margin-bottom: 30px; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card h1 .subtitle { font-size: 30px; display: block; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .contact .phone span, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .contact .email span { display: inline-block; width: 20px; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .contact .phone a, body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .contact .email a { color: #575B5D !important; border: none !important; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social { display: flex; margin-top: 30px; align-items: center; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social a { display: flex; color: #575B5D; border: none; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social a:hover { text-decoration: none; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social a img { display: inline-block; vertical-align: middle; margin-right: 10px; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social a span { padding-top: 7px; align-self: center !important; display: inline-block; } body.single-meet-the-team .p247-masthead-meet-the-team .p247-info .p247-business-card .social .vcard { margin-right: 40px; } body.single-meet-the-team .p247_quote { padding: 30px; border-radius: 20px; } @media only screen and (max-width: 768px) { body.single-meet-the-team .p247_quote { margin-top: 50px; } } body.single-meet-the-team .p247_quote p { text-align: center; } body { padding-top: 100px; } .p247-header { margin-top: -100px; } .wrapper { padding: 0; } /*# sourceMappingURL=p247.css.map */