/*------------------------------------------------------------------ [Base Stylesheet] Summary: This sheet holds all the base styles for the site. It should never be touched once everything is finalized. !!!!!ALWAYS ASK A DEV BEFORE MAKING ANY CHANGES TO THESE STYLES!!!!! Project: EGIA 2.0 Version: 1.1 Last change: 02/01/18 [Create css file and added default styles, SK] Assigned to: Scott Killian (SK) -------------------------------------------------------------------- [Table of contents] xi. MEDIA QUERIES REFERENCE 0. RESET BASE 1. DEFAULTS 2. TOOLS 2.a Alignment 2.b Display 2.c Misc 3. COLORS 3.a Blue Section 3.b Green Section 3.c Gold Section 3.d Grey Section 4. FONTS 4.a Heading 4.b Text transform 4.c Font Family 4.d Font Weight 5. FORMS 6. IMAGES 7. BUTTONS 8. CONTAINERS 9. HEADER 9.a Home Header 9.b Page Header 9.c Home Summaries 10. FOOTER 11. NAV FUNCTIONS 12. SECTIONS 13. SIDEBAR 14. BLOG 15. JOIN x. FIREFOX ONLY -------------------------------------------------------------------*/ /* xi. MEDIA QUERIES REFERENCE */ /* !!!!!THESE ARE FOR REFERENCE ONLY DO NOT, I REPEAT DO NOT USE THESE FOR STYLES!!!!! */ /* @media (max-width: 767px) {} */ /* @media (max-width: 1023px) {} */ /* @media (min-width: 1024px) {} */ /* xii. PLUGIN OVERRIDES */ table#usersOverviewTable tr th:nth-child(4), table#usersOverviewTable tr td:nth-child(4) { display: none; } a.form-link { display: none; } .page-id-75447 .secondary-image.secondary-image-cbs { display: none; } form#affwp-generate-ref-url, div#affwp-affiliate-dashboard-url-generator h5, div#affwp-affiliate-dashboard-url-generator p:nth-child(6), div#affwp-affiliate-dashboard-url-generator p:nth-child(4) {display: none;} .product .quantity {position: absolute;visibility: hidden;} td.referral-status.unpaid {display: none;} ul#affwp-affiliate-dashboard-tabs { position: relative; height: 60px; display: flex; justify-content: center; align-items: center; background: #414042; margin: 0 -60px !important; } #affwp-affiliate-dashboard-referral-counts, #affwp-affiliate-dashboard-earnings-stats, #affwp-affiliate-dashboard-referrals th.referral-status {display: none !important;} #affwp-affiliate-dashboard-tab-creatives { margin: 0 -60px !important; padding: 0 !important; } #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a { display: block; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 32px; padding: 0 15px; color: #fff; position: relative; top: 3px; text-transform: uppercase; } #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li:before { display: none; } .tablenav.top input#submit { margin-top: 30px !important; } div#affwp-affiliate-dashboard-campaign-stats { margin-top: 30px; } td.referral-status.paid { display: none; } .affwp-wrap.affwp-send-notifications-wrap [type="checkbox"]:checked + label:before, .affwp-wrap.affwp-send-notifications-wrap [type="checkbox"]:not(:checked) + label:before { left: 0 !important; } .affwp-wrap.affwp-send-notifications-wrap [type="checkbox"]:checked + label:after, .affwp-wrap.affwp-send-notifications-wrap [type="checkbox"]:not(:checked) + label:after { left: 4px !important; } @media (max-width:768px){ ul#affwp-affiliate-dashboard-tabs { position: relative; height: auto; display: block; justify-content: initial; align-items: initial; background: #414042; margin: 0 -60px !important; text-align: center; } #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li { display: block; padding: 10px 10px 10px 10px; margin: 0; } } .page-id-75447 .section-container { padding: 0 60px; } .price-override.gfield_price {display: block;} .ld-propanel-widget-filtering a.button.section-toggle.email-toggle {display: none;} #pp_full_res {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;width: 100%;} #pp_full_res iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.pp_default .pp_close {display: none;} div.pp_pic_holder {z-index: 999999 !important;} div.pp_overlay {z-index: 99999 !important;} a.pp_close {right: -15px !important;top: 40px !important;} .pp_details{position: absolute !important;top: 0;} .pp_content_container .pp_left,.pp_content_container .pp_right{display: block;} .pp_top,.pp_left,.pp_right,.pp_bottom,.pp_middle {background-image:none !important;} div.pp_default .pp_content, div.light_rounded .pp_content {background-color: transparent !important;} .pp_loaderIcon {display: none!important;} .gform_wrapper select {line-height: inherit!important;} /* xiii. LOADER */ .loader-cover { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999999; background: #fff; align-items: center; display: flex; justify-content: center; } .egia-logo-large { background: url(https://egia.org/wp-content/themes/EGIA/images/overlays/newEgiaLoader2.gif); display: block; width: 320px; height: 150px; background-size: contain; background-repeat: no-repeat; } .inner-loader-cover { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999999; background: #fff; align-items: center; display: flex; justify-content: center; } .inner-egia-logo-large { background: url(https://egia.org/wp-content/themes/EGIA/images/overlays/newEgiaLoader2.gif); display: block; width: 320px; height: 150px; background-size: contain; background-repeat: no-repeat; } .postid-83 .egia-logo-large, .postid-73756 .egia-logo-large, .postid-73758 .egia-logo-large, .postid-73761 .egia-logo-large, .postid-73764 .egia-logo-large, .postid-73767 .egia-logo-large, .postid-73773 .egia-logo-large { background: url(http://media.egia.org/images_website/elements/logos/johnstoneSupplyLogo.svg) !important; background-size: contain; background-repeat: no-repeat !important; } /* 0. RESET BASE */ img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}table{border-spacing:0;border-collapse:collapse}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} ::placeholder {font-size:14px;font-weight:300;color: #ccc;letter-spacing: 1px;opacity: 1;/* Firefox */} ::-ms-input-placeholder {color: #ccc;/* Microsoft Edge */} /* 1. DEFAULTS */ body,p{font-family: 'Roboto', sans-serif;font-weight: 300; font-size: 15px;} .btn span,p{font-size:16px} html{height: 100%} body{width: 100%;max-width: 1440px;margin:0 auto;line-height:1.85!important;color:#4d4d4f!important; height: 100%; background-color: #666666 !important;} .btn {border-radius: 0 !important;} .btn:hover {color:#fff !important;background-color:#4d4d4f;} .btn, button {-webkit-appearance: none;-moz-appearance: none;border: none;outline: 0;box-shadow: none;padding: 4px 20px;text-decoration: none;border-radius: 4px;background: #333333;color: #ffffff;} .btn span{font-weight:400} .btn span:focus,.btn span:hover,.btn:focus,.btn:hover,button:focus,button:hover{color:#fff} hr {width: 100%;text-align: left;-webkit-margin-start: 0;margin-bottom: 30px;margin-top: 10px;float: left;clear: both;display: table;overflow: hidden;} hr.title-hr {margin: 20px 0;width: 180px;} a{text-decoration:none!important; color: #006db7;cursor: pointer;} a:hover{text-decoration:underline!important; color: #1CA4DF !important;} ol,u,ul{font-size:14px;} ul li {list-style-type: none !important} ul.square-list li:before {display: block !important;} ul li:before {color: #00527f;float: left;margin: 0 0 0 -1em;width: 1em;content: '\25A0';} .single-egia-events ul { clear: both; display: block;width: 100%;} .video-container {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;width: 100%;} .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* 2. TOOLS */ /* 2.a Alignment */ .float-none{float:none!important} .float-left{float:left} .float-right{float:right} .clear-both{clear:both;} .margin-center{margin:0 auto!important} .margin-bottom-zero{margin-bottom:0 !important;} .margin-top-zero{margin-top:0;} .padding-bottom-zero{padding-bottom:0;} .padding-top-zero{padding-top:0;} .center-text{text-align:center} .align-text-right{text-align:right} .center-vert{display:flex;align-items:center;} .center-all{display:flex;align-items:center;justify-content:center} .center-all img{max-width: 100%;padding: 30px 0 20px;} .grey-border-bottom {border-bottom: 6px solid #E9EAEC;} .max-width-one-hundo {max-width: 100%;} .ten-margin {margin:10px 0 !important;} .twenty-bottom-margin {margin-bottom: 20px;} .twenty-margin {margin: 20px 0;} .hundred {width:40% !important;} .leading {line-height:1.4;} /* 2.b Display */ .block{display:block} .none{display:none} .inline{display:inline-block} /* 2.c Misc */ .zero-sum{margin:0;padding:0} .header-memb-btn div.zero-padding,.module-logos.zero-padding div,.btn-box.zero-padding,.row.zero-padding,.col-md-12.zero-padding{padding:0!important;} .zero-margin{margin:0!important} .clear{clear:both} .zero-p-top{padding-top:0!important} .zero-p-bottom{padding-bottom:0!important} ul.no-list li:before {display: none;} @media (min-width:1024px){ body,p,.btn span,.btn{font-size: 15px;} .zero-padding:nth-child(even){padding-right:0!important;} .zero-padding:nth-child(odd){padding-left:0!important;} } @media (max-width:1023px){ .max-width-one-hundo { width: 100%; max-width: 200px; margin: 0 auto; display: block; } } @media (max-width:768px){ .center-vert{display:block;align-items:initial;} .center-vert img {margin-bottom: 25px;} /*.center-all{display:block;align-items:initial;justify-content:initial}*/ .zero-padding:nth-child(even){padding:0!important} .zero-padding:nth-child(odd){padding:0!important} } @media (max-width: 767px) { .sm-pad-ten{padding-top: 5px;} .sm-pad-fifteen{padding-top: 15px;} .sm-right-pad{padding-right: 0px !important; padding-left: 0px !important} .sm-center .float-right, .sm-center .float-left {float: none !important;} } /* 3. COLORS */ .lite-text {color:#ffffff !important;} .lite-bg {background:#ffffff;} /* 3.a Blue Section */ .blue-text{color:#006db7!important} .blue-bg{background:#006db7} .s-blue-text{color:#00527f!important} .s-blue-bg{background:#00527f} .t-blue-text{color:#023b54!important} .t-blue-bg{background:#5b6771} /* 3.b Green Section */ .green-text{color:#74ab4e!important} .green-bg{background:#74ab4e} .s-green-text{color:#447337!important} .s-green-bg{background:#447337} .t-green-text{color:#335c2c!important} .t-green-bg{background:#335c2c} /* 3.c Gold Section */ .gold-text{color:#cca443!important} .gold-bg{background:#cca443} .s-gold-text{color:#b2822a!important} .s-gold-bg{background:#b2822a} .t-gold-text{color:#977a31!important} .t-gold-bg{background:#977a31} /* 3.d Grey Section */ .grey-text{color:#808285} .grey-bg{background:#808285} .f-grey-bg{background:#363436} .s-grey-text{color:#4d4d4f} .s-grey-bg{background:#4d4d4f} /* 3.e Other */ .obsidian-text {color:#5b6771 !important} .obsidian-bg{background:#5b6771} .epic-color {background-color:#27aae1} .epic-color:hover {background-color:#0c163d} /* 4. FONTS */ /* 4.a Heading */ .heading-text {font-family: 'Roboto Slab', serif;} h1,h2 {font-family: 'Roboto Slab', serif;font-weight: 700;} h1{font-size:26px;} h2{font-size:22px;line-height: 1;} h3{font-size:24px;margin-top: 0;line-height: 1.2} h4{font-size:18px;line-height:26px;} h6{font-size:12px;line-height:18px;font-weight:300;} .sub-heading {margin-bottom:0 !important;} /* 4.b Text transform */ .uppercase {text-transform: uppercase} /* 4.c Font Family */ .roboto {font-family: 'Roboto Slab', serif;} .secondary {font-family: 'Roboto', sans-serif;} /* 4.d Font Weight */ .thin {font-weight: 300 !important} .regular {font-weight: 500 !important} .bold {font-weight: 700 !important} .black {font-weight: 900 !important} /* 5. FORMS */ .gpnf-nested-form-322-1 { width: 100% !important; } div.ginput_recaptcha { margin: 0 auto; display: block; text-align: center; width: 302px; } input.gform_button.button { margin: 0 auto; text-align: center; } .page-id-74346 .ui-state-default, .ui-widget-content .ui-state-default, .page-id-74346 .ui-widget-header .ui-state-default { border: none !important; background: none !important; } .page-id-74346 .ui-state-default .ui-icon { background-image: none !important; } .page-id-76713 .ui-icon { background-image: none !important; margin-top: -30px !important; } .page-id-74346 div#ui-id-1 { width: 100% !important; } .postid-71275 .gform_wrapper .gform_body, .postid-71334 .gform_wrapper .gform_body, .postid-71335 .gform_wrapper .gform_body, .postid-71274 .gform_wrapper .gform_body { width: 60%; } .page-id-73681 div#gform_wrapper_119.gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .page-id-73681 .sidebar-content-box .gform_wrapper { /*margin: 0 auto !important;*/ } div#gform_wrapper_119.gform_wrapper label.gfield_label { display: block !important; float: left; } .page-id-73681 div#gform_wrapper_119.gform_wrapper { margin: 16px auto; /*max-width: 440px;*/ } .page-id-73681 div#gform_wrapper_119.gform_wrapper ul.gform_fields li.gfield, .page-id-73681 div#gform_wrapper_151.gform_wrapper ul.gform_fields li.gfield, .page-id-73681 div#gform_wrapper_153.gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .page-id-73681 div#gform_wrapper_119.gform_wrapper .gform_footer.top_label { margin: 35px auto 20px !important; text-align: center; display: block; float: left; } input#gform_submit_button_104, .page-container .center-button input.gform_button { text-align: center; margin: 16px auto !important; display: block !important; } /* .page-container .sidebar-content-box input.gform_button { display: none !important; } */ .sidebar-content-box .product_cat-egia-event form.cart, .sidebar-content-box .product_cat-egia-event .clear, .sidebar-content-box .product_cat-egia-event div { margin-bottom: 0 !important; } .sidebar-content-box .product_cat-egia-event button.single_add_to_cart_button.button.alt { display: none; } .sidebar-content-box .product_cat-egia-event button.single_add_to_cart_button.button.alt.custom-gform-button { display: block; } .sidebar-content-box .product_cat-egia-event p.price { position: absolute; visibility: hidden; left: 3000px; } .sidebar-content-box .product_cat-egia-event .ginput_container.ginput_container_checkbox { margin-top: 0 !important; } .sidebar-content-box .product_cat-egia-event .gform_wrapper ul.gfield_checkbox li label, .sidebar-content-box .product_cat-egia-event .gform_wrapper ul.gfield_radio li label, .single-egia-events .gform_wrapper ul.gfield_checkbox li label { letter-spacing: inherit; width: 100%; display: block; padding: 6px 30px; margin-bottom: 0; font-size: 15px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background: #006db7; border-radius: 0; color: #ffffff; max-width: 100% !important; left: 0 !important; } .gf-hide { position: absolute !important; visibility: hidden; height: 0 !important; } .gpnf-nested-entries { min-width: 100% !important; margin: 0 auto !important; } .gpnf-add-entry { display:block !important; margin:20px auto !important; } select { webkit-appearance: none; -moz-appearance: none; } .clickdform.mainDiv { padding-left: 0 !important; margin-left: 0 !important; position: relative; left: -10px; } .QapTcha { margin-top: 15px; } /*.responsiveRow .buttonContainer { margin-right: 37px !important; position: absolute; top: -72px; }*/ .responsiveRow { position: relative; } @media only screen and (min-width: 1024px) and (max-width: 1355px) { input#btnSubmit { right: -220px !important; position: absolute; } } input#btnSubmit { -webkit-appearance: none; display: inline-block; padding: 6px 30px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent !important; border-radius: 0; background: #006db7; color: #ffffff !important; font-size: 14px !important; } legend {display: none !important;} .form-horizontal .form-group {margin-right: 0 !important;margin-left: 0 !important; position: relative;} form.form-horizontal {margin-top: 20px;margin-left: auto;margin-right: auto;width: 100%;max-width: 500px;} label[for="username"], label[for="password"] {display: none;} label.form-label {position: absolute;right: 0;} .page-id-71074 label.form-label {position: relative;right: 0;} .form-label a {color:#4d4d4f;} .form-group button.btn.btn-default { top: 0 !important; } button.btn.btn-default { outline: none !important; background: #006db7 !important; font-family: 'Roboto', sans-serif !important; border: none !important; color: #ffffff !important; font-size: 16px !important; font-weight: 400 !important; padding: 6px 30px; position: relative; top: -15px; } .ginput_container.ginput_container_select,.select-icon-before { position: relative; } .ginput_container.ginput_container_select:after,.select-icon-before:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #535353; position: absolute; right: 15px; top: 20px; } .select-icon-before:after { right: 35px; top: 25px; } button.btn.btn-default:hover { color: #fff !important; background-color: #4d4d4f !important; } input#gform_submit_button_93 { margin: 20px auto !important; text-align: center; display: block; } form input:focus {box-shadow: none !important;border-color: #808285 !important;} .form-horizontal .checkbox {display: none;} .gform_wrapper textarea.medium {height: 110px;} .single-vendors .ginput_container.ginput_container, .page-template-page-podcast .ginput_container.ginput_container, .section-container .ginput_container.ginput_container {margin-top: 8px;} .section-container input.gform_button.button {margin: 8px auto !important; text-align: center; display: block;} body .gform_wrapper ul li.gfield {margin-top: 0px !important; } /*.gfield_html {display: none; }*/ .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 100% !important;} .gfield_label, .ginput_container_email label {display: none !important;} #gform_wrapper_186 .gfield_label, #gform_wrapper_186 .ginput_container_email label {display: block !important;} div#gform_wrapper_186 {margin: 0 !important;} div#gform_wrapper_186 .section-container {padding: 0 60px !important;} td.gfield_list_cell.gfield_list_110_cell1 {width: 50%; padding-right: 15px;} .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; margin-top:10px; position:absolute; } div#gform_wrapper_186 table.gfield_list.gfield_list_container {width: 100%;display: block;} div#gform_wrapper_186 thead {width: 100%;display: block;} div#gform_wrapper_186 thead tr {width: 100%; display: block; height: 30px;} div#gform_wrapper_186 thead tr th {width: 50%; padding-right: 15px; display: block; float: left; clear: none;} div#gform_wrapper_186 tbody {width: 100%; display: block; float: left; margin-top: -15px;} label.gfield_label.gfield_label_before_complex {margin-bottom: -12px;margin-top: 20px;font-size: 20px !important;font-weight: bold !important;text-transform: uppercase;} div#gform_wrapper_186 .gfield_radio label {font-size: 16px !important;} div#gform_wrapper_186 .gfield_radio {float: left; width: 100%; display: block} input#gform_submit_button_186 {margin: 0 auto;text-align: center; position: relative; left: 60px;} div#gform_wrapper_186 .gform_footer.top_label {float: left;} @media (max-width: 1023px) { div#gform_wrapper_186 td.gfield_list_cell.gfield_list_110_cell1 { width: 94%; } tr.gfield_list_row_odd.gfield_list_group { padding-bottom: 12px !important; } div#gform_wrapper_186 .gfield_radio { float: left; width: 100%; margin-top: 30px; } } @media (min-width: 1024px) { div#gform_wrapper_186 tr.gfield_list_row_odd.gfield_list_group, div#gform_wrapper_186 tr.gfield_list_group.gfield_list_row_even {width: 100% !important;display: block;float: left;} div#gform_wrapper_186 li#field_186_10 thead tr th, div#gform_wrapper_186 li#field_186_13 thead tr th, div#gform_wrapper_186 li#field_186_23 thead tr th, div#gform_wrapper_186 li#field_186_34 thead tr th, div#gform_wrapper_186 li#field_186_45 thead tr th {width: 25%; padding-right: 15px; display: block; float: left; clear: none;} div#gform_wrapper_186 td.gfield_list_cell.gfield_list_110_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_110_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_111_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_111_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_112_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_112_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_113_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_113_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_114_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_114_cell2 {width: 50%; padding-right: 15px; display: block; float: left; clear: none; padding-top: 0;} div#gform_wrapper_186 td.gfield_list_cell.gfield_list_10_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_10_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_10_cell3, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_10_cell4, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_13_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_13_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_13_cell3, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_13_cell4, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_23_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_23_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_23_cell3, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_23_cell4, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_34_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_34_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_34_cell3, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_34_cell4, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_45_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_45_cell2, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_45_cell3, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_45_cell4 {width: 24%;display: block;float: left;padding-right: 15px;} div#gform_wrapper_186 td.gfield_list_cell.gfield_list_10_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_13_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_23_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_34_cell1, div#gform_wrapper_186 td.gfield_list_cell.gfield_list_45_cell1 {padding: 0 15px 0 0 !important;} body div#gform_wrapper_186 .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.add_list_item {background-size: 26px 26px !important;width: 20px !important;height: 20px !important;position: relative;top: 16px;left: -6px;float: left;display: block;clear: none;} body div#gform_wrapper_186 .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img.delete_list_item {background-size: 26px 26px !important;width: 20px !important;height: 20px !important;float: left;display: block;clear: none;position: relative;top: 16px;} tr.gfield_list_group.gfield_list_row_odd, tr.gfield_list_group.gfield_list_row_even {margin-bottom: 20px !important;} div#gform_wrapper_186 .gfield_radio {float: left;width: 100%;} } .ginput_container_checkbox label{left: 30px;} .egia-terms label{left: 30px;} input[type="text"],input[type="email"],select,label,form,textarea{font-size:16px;outline: none;} input[type="text"],input[type="email"],select, textarea, input[type="password"] {padding:10px 15px!important;color:#808285; border-radius:0;-webkit-appearance:none;background:#fff;box-shadow: none;border: #808285 solid 1px; width:100%; margin-bottom: 0px;} .egia-field, label,.gfield_html{list-style:none!important} label{display:inline-block;padding-bottom:5px;font-weight:500!important} form li{margin-left:0!important;list-style:none!important;overflow:visible;} input[type="submit"]{color:#ffffff;padding: 6px 50px;margin: 0 auto 30px!important;display: block;font-size: 15px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;background:#9a9e9e;outline: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;} .egia-terms .ginput_container{margin: 10px auto 0;display: block;width: 240px;} .gfield_price{display: none;} .gform_wrapper .gform_footer {padding: 0 0 10px !important;clear: both;width: 100%;display: block;margin: 0!important;} .html-block-label {display: block !important;} /* 3.a Radio Input */ [type="radio"]:checked,[type="radio"]:not(:checked) {position: absolute;left: -9999px;} [type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position: relative;padding-left: 28px !important;cursor: pointer;line-height: 20px;display: inline-block;color: #4d4d4f;} [type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #808285;border-radius: 100%;background: #fff;} [type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #006db7;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} /* 3.a Checkbox Input */ [type="checkbox"]:checked,[type="checkbox"]:not(:checked) {position: absolute;left: -9999px;} [type="checkbox"]:checked + label,[type="checkbox"]:not(:checked) + label {position: relative;padding-left: 28px;cursor: pointer;line-height: 20px;display: inline-block;color: #4d4d4f;} [type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: -30px;top: 0;width: 18px;height: 18px;border: 1px solid #808285;border-radius: 0;background: #fff;} [type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #006db7;position: absolute;top: 4px;left: -26px;border-radius: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .section-container input[type="submit"].gform_button {background:#006db7 !important;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #808285; } ::-moz-placeholder { /* Firefox 19+ */ color: #808285; } :-ms-input-placeholder { /* IE 10+ */ color: #808285; } :-moz-placeholder { /* Firefox 18- */ color: #808285; } #gform_wrapper_116 .gfield_price { display: block !important; } @media (min-width: 1024px){ .ginput_right {padding-right: 0 !important;float: right;padding-left: 14px !important;margin: 0 !important;} } @media (max-width: 1023px) { .ginput_left,.ginput_right{width: 100% !important;max-width: 100%;} } @media (max-width: 767px) { label.form-label { position: relative; right: 0; } input[type="submit"] {width: 80%!important;} } @media (max-width: 564px) { .responsiveRow .buttonContainer { top: 18px; } } /* 6. IMAGES */ .finance-logo { width: 100%; max-width: 250px; padding: 0 0 10px; } .news-feed-img img { width: 100%; } .vendor-logo {} .university-logo {} @media (max-width: 1023px) { .main-img-logo img { width: 100%; max-width: 300px; margin: 0 auto; display: block; margin-bottom: 30px; } .as-seen img { width: 100%; max-width: 300px; margin: 0 auto; display: block; margin-bottom: 30px; } } /* 7. BUTTONS */ .btn { vertical-align: unset; text-decoration: none !important; } a.btn { text-decoration: none !important; } .btn-md { width: 100%; max-width: 210px; height: 32px; padding: 3px 16px !important; } .btn-lg { width: 100%; max-width: 280px; height: 32px; padding: 3px 16px !important; } .member-dashboard-btn { padding: 6px 10px !important; } .button-cta-blue span { width: 230px; height: 50px; background: #006db7; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-blue { position: relative; } .button-cta-blue:hover { text-decoration: none !important; } .button-cta-blue:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #006db7; } .button-cta-blue:hover:before { background: #00527f; } .button-cta-blue:hover span { background: #00527f; } .button-cta-blue-md span { width: 275px; height: 50px; background: #006db7; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-blue-md { position: relative; } .button-cta-blue-md:hover { text-decoration: none !important; } .button-cta-blue-md:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #006db7; } .button-cta-blue-md:hover:before { background: #00527f; } .button-cta-blue-md:hover span { background: #00527f; } .button-cta-blue-lg span { width: 315px; height: 50px; background: #006db7; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-blue-lg { position: relative; } .button-cta-blue-lg:hover { text-decoration: none !important; } .button-cta-blue-lg:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #006db7; } .button-cta-blue-lg:hover:before { background: #00527f; } .button-cta-blue-lg:hover span { background: #00527f; } .button-cta-gold span { width: 230px; height: 50px; background: #d19f2a; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-gold { position: relative; } .button-cta-gold:hover { text-decoration: none !important; } .button-cta-gold:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #d19f2a; } .button-cta-gold:hover:before { background: #ae852d; } .button-cta-gold:hover span { background: #ae852d; } .button-cta-gold-md span { width: 275px; height: 50px; background: #d19f2a; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-gold-md { position: relative; } .button-cta-gold-md:hover { text-decoration: none !important; } .button-cta-gold-md:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #d19f2a; } .button-cta-gold-md:hover:before { background: #ae852d; } .button-cta-gold-md:hover span { background: #ae852d; } .button-cta-gold-lg span { width: 315px; height: 50px; background: #d19f2a; position: relative; border: 3px solid #fff !important; margin: 20px !important; text-align: center !important; color: #fff !important; display: flex !important; align-items: center; justify-content: center; font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; } .button-cta-gold-lg { position: relative; } .button-cta-gold-lg:hover { text-decoration: none !important; } .button-cta-gold-lg:before { content: ''; position: absolute; top: 16px; left: 16px; right: 16px; bottom: 16px; background: #d19f2a; } .button-cta-gold-lg:hover:before { background: #ae852d; } .button-cta-gold-lg:hover span { background: #ae852d; } .button-xs span { max-width: 170px !important; } .button-sm span { max-width: 240px; } .training-box.no-content { background-color: #c5c5c5; } .restricted-message { position: absolute; bottom: 0; margin: 0 !important; right: 0; width: 100px !important; padding: 0 !important; } .restricted-message img { float: right; width: 100%; max-height: 100% !important; height: auto; margin-bottom: 0 !important; } .btn-bg-blue {background: rgba(0,109,183,0.8);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-box:hover .btn-bg-blue {background: rgba(0,109,183,0);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-bg-green {background: rgba(116,171,78,0.8);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-box:hover .btn-bg-green {background: rgba(116,171,78,0);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-bg-gold {background: rgba(178,130,42,0.8);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-box:hover .btn-bg-gold {background: rgba(178,130,42,0);transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;} .btn-box img { width: 100%; } .btn-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #006db7; opacity: 0; transition: 1s; } .btn-box:hover .btn-overlay { opacity: 0.8; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; } .btn-box-text { position: absolute; left: 0; right: 0; bottom: 0; top: 40%; width: 100%; font-size: 1.2em; display: flex; align-items: center; justify-content: center; padding: 10px 15px; line-height: 1.2; max-height: 62px; height: 62px; } .wide-button{ min-width:240px !important; } .cu-button-nav.active-btn { background: #447337; } .cu-button-nav { cursor: pointer; } @media (min-width: 1324px){ .wide-button{} } @media (min-width: 1024px){ .btn-box{position:relative;border-left: 5px solid #fff;border-right: 5px solid #fff;max-height: 242px;overflow: hidden;} .btn-box:first-child {border-left: 0 solid #fff;border-right: 5px solid #fff;} .btn-box:last-child {border-left: 5px solid #fff;border-right: 0 solid #fff;} } @media (max-width: 1023px) { .btn-box {position:relative;border-left: 5px solid #fff;border-right: 5px solid #fff;max-height: 242px;overflow: hidden;} .btn-box:first-child, .btn-box:nth-child(3) {border-left: 0 solid #fff;border-right: 5px solid #fff;} .btn-box:first-child, .btn-box:nth-child(2) {border-bottom: 5px solid #fff;} .btn-box:last-child, .btn-box:nth-child(3) {border-top: 5px solid #fff;} .btn-box:last-child, .btn-box:nth-child(2) {border-left: 5px solid #fff;border-right: 0 solid #fff;} .wide-button{} } @media only screen and (max-width: 767px) { .btn-box{position:relative;border-left: 10px solid #fff !important;border-right: 10px solid #fff !important;border-top: 5px #fff solid !important;border-bottom: 5px #fff solid !important;overflow: hidden;max-height: initial !important;} .btn-box:first-child{border-top: 0 #fff solid !important;} .btn-box:last-child{border-bottom: 0 #fff solid !important;} .btn-box.col-md-3.col-sm-6.col-xs-12.zero-margin.zero-padding {margin-bottom: 10px !important;} .page-id-75459 .button-cta-blue-lg span {width: 100% !important;max-width: 275px !important;height: 80px !important;} .postid-81837 .sm-center {display: flex; align-items: center; justify-content: center;} } /* 8. CONTAINERS */ /*.container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}*/ .page-container{background-color:#E9EAEC;float: left;width: 100%;display: block;} .btn-container{border-bottom: 10px #fff solid;border-top: 10px #fff solid;background: #ffffff;} .bottom-border{border-bottom:2px solid #ffffff;} .bottom-divider{border-bottom:6px solid #ffffff;} @media (max-width: 1023px) { .section-container{padding: 25px 30px;} } @media (min-width: 1024px) { .section-container{padding: 25px 60px;} } /* 9. HEADER */ .in-home-sales-container {display: none;} .home header {height: 90%;} /* 9.a Home Header */ header {background-color: #fff;} header p {font-size: 1.2em;margin-top: 10px;} .secondary-image {position: relative; max-width: 110px; width: 100%;height: 100%;align-items: center;justify-content: center;display: flex;} .secondary-image:before {content: "";display: block;width: 1px;height: 30px;background-color: #4d4d4f;position: absolute;left: -16px;top: 15px;bottom: 0;} .secondary-image img {width: 100%;} .secondary-image.secondary-image-cbs img {height: 100%;position: relative;left: 25px;padding: 12px 0;width: auto;} /* 9.b Page Header */ .tagline h1:after {display: none;} .tagline h1, .tagline h2 {position: absolute;} .single-post .tagline {background-image: url(http://media.egia.org/images_website/elements/photos/generic/greenFractal.jpg) !important;} .tagline.grey-bg {background-image: url(https://egia.org/wp-content/themes/EGIA/img/greyFractal.jpg);background-size: cover;position: relative;} .tagline.gold-bg {background-image: url(https://egia.org/wp-content/themes/EGIA/img/goldFractal.jpg);background-size: cover;position: relative;} .tagline.green-bg, .archive .tagline {background-image: url(http://media.egia.org/images_website/elements/photos/generic/greenFractal.jpg);background-size: cover;position: relative;} .tagline {background-image: url(http://media.egia.org/images_website/elements/photos/generic/fractal.jpg);background-size: cover;position: relative;} .tagline.home-bg {min-height: 100%;background-image: url(http://media.egia.org/images_website/elements/photos/generic/testBG.jpg);background-position: top center;background-repeat: no-repeat;} .tagline-desk-image { display: block; position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; } .tagline-desk-image img { position: absolute; bottom: 0; left: 0; right: 0; max-width:90%; width: 1100px; } .tagline-mob-image {display: none;} .tagline-position {width: auto;text-align: center;position: relative;} .tagline h2 {font-family: 'Roboto', sans-serif;font-weight: 300;} .tagline-btns { position: absolute; bottom: calc(100% - 85%); left: 0; right: 0; margin: 0 auto; max-width: 640px; display: flex; } .tagline-btns.tagline-btn-small-mobile { display: none; } .tagline-btns .left-btn { float: left; } .tagline-btns .right-btn { float: right; } .page-id-213 .menu-main-navigation-container, .page-id-213 .nav-btns.nav-btns-mob, .page-id-213 footer, .page-id-213 .bottom-footer { display: none !important; } /* 9.c Home Summaries */ .summaries {top: -10px;position: relative;background-image: url(../images/dropshadow.jpg);background-repeat: no-repeat;height: 250px;background-color: #fff;background-size: contain;} .section-summary {margin: 0 2%;height: 200px;position: relative;top: -70px;} .sum-icon {background-color: #E7E7E8;height: 130px;max-width: 130px;border-radius: 50%;} .summary-title {margin: 10px 0;font-size: 16px;font-weight: 500;} @media (min-width: 1201px){ .toggle-button {display: none !important;} .sticky {position: fixed !important;width: 100% !important;left: 0;top: 0 !important;z-index: 100;padding: 0 38px !important;max-width: 1440px !important;} .sticky .nav-btns {position: absolute;right: 26px !important;} /* Header */ .tagline {min-height: 235px;} .tagline h2 {top: 73%;transform: translateY(-70%);left: 60px;} .tagline h1 {top: 50%;transform: translateY(-50%);left: 60px;font-size: 37px;} .tagline h2 {font-size: 1.5em;line-height: 1.3em;} /* Main Menu */ .menu-item-has-children:hover a {text-decoration: underline !important;} .menu-main-navigation-container{float: left;width: 100%;} #main-nav{background: #fff;display: flex;align-items: center;position: fixed;z-index: 99999;width: 100%;max-width: 1410px;margin: 0 auto !important;text-align: center;left: 0;right: 0;top: 20px;padding: 0 20px;height: 60px} #main-nav ul{-webkit-padding-start: 0;text-align: left; width: 100%; height: 50px;margin-bottom: 0;position: relative;z-index: 99999;height: 60px;} #main-nav ul li.current-menu-item a{} #main-nav ul li.current_page_parent > a{} #main-nav ul li{position: relative;float: left;margin: 0;padding: 0;height: 100%;display: flex;align-items: center; width: 100%;} #main-nav ul li a{font-size: 15px;padding: 0;display: block;text-decoration: none;font-weight: 300;line-height: 32px;padding: 0 15px;color: #4d4d4f;position: relative;} #main-nav ul li:hover a{color: #1CA4DF;font-weight: 500} #main-nav ul li:hover .sub-menu a{color: initial;font-weight: initial;transition:0s;text-decoration: none !important;} #main-nav ul li .sub-menu li a:hover{color: #1CA4DF;font-weight: 300;transition:0s;} .menu-member-benefits-container,.menu-free-resources-container,.menu-about-egia-container,.menu-work-with-us-container,.menu-events-container{float: left;width: 100%;} .menu-free-resources-container{max-width: 170px;} .menu-member-benefits-container{max-width: 190px;} .menu-about-egia-container{max-width: 160px;} .menu-work-with-us-container{max-width: 170px;} .menu-events-container{max-width: 70px;} /* Sub Menu */ #main-nav .sub-menu li a{font-size: 12px; text-transform: initial; transition: .5s;} #main-nav ul ul{display: none;position: absolute;top: 100%;left: 0;padding: 0;height: auto;} #main-nav ul ul li{float: none;width: 200px;padding: 5px 0;} #main-nav ul ul li a{line-height: 120%;padding: 4px 15px;text-transform: uppercase;font-weight: 100;} /* Member Info */ .membership-nav{display: none;position: absolute;top: 100%;right: 0;padding: 0;transition: .1s;max-width: 210px;width: 100%;} .membership-nav img{max-width: 50px;margin: 0 auto;text-align: center;display: block;border-bottom: solid #4d4d4f 1px;padding-bottom: 5px;margin-bottom: 5px;} .header-email-display span.member-email {font-size: 12px;font-weight: normal !important;} .membership-nav.memb-nav-small .first-btn span, .membership-nav.memb-nav-small .second-btn span {font-size: 12px !important;} .memb-nav-small {visibility: visible;right: 0;} .memb-nav-large {visibility: hidden;right: 4000px;} .header-memb-btn a{display: block !important;width: 85%;margin: 0 auto;text-align: center;margin-top: 10px;} .header-email-display{line-height: 1;} .header-email-display span{display: block;font-weight: 700;} /* Menu Misc */ .nav-btns{position: absolute;right: 10px;} #sub-menu-bg{display: none;position: absolute;top: 100%;left: 0;background: #ffffff;padding: 0;height: 210px;width: 100%;} /* Member Info */ .membership-nav{max-width: 30%;} .memb-nav-small {visibility: hidden;right: 4000px;} .memb-nav-large {visibility: visible;right: 0;} .membership-nav.memb-nav-large .header-email-display {line-height: 1.2;margin-bottom: 10px;letter-spacing: 0.6px;} .membership-nav.memb-nav-large .header-membership-display {font-size: 20px;border-bottom: 1px solid;width: 90%;margin-bottom: 10px;padding-bottom: 5px; text-align: initial !important;} .membership-nav.memb-nav-large {display: none;align-items: center;text-align: justify;top: 100%;right: 0;padding: 0;transition: .1s;max-width: 30%;width: 100%;bottom: -300%;right: 20px;padding-left: 20px;} .membership-nav.memb-nav-large img {max-width: 120px;width: 100%;border-bottom: none;padding: 0;margin-bottom: 0;} .membership-nav.memb-nav-large .header-memb-btn a {margin-left: 0;} .membership-nav.memb-nav-large .first-btn {padding: 6px 0;} .membership-nav.memb-nav-large .second-btn {margin-right: 0 !important;padding-right: 0 !important;width: 100%;padding: 6px 0;} .membership-nav.memb-nav-large .first-btn span, .membership-nav.memb-nav-large .second-btn span {font-size: 12px !important;} .inner-btn-mob {display: none;} .page-id-80742 #main-nav, .page-id-81286 #main-nav { height: 80px; } .page-id-80742 .secondary-image-cbs img, .page-id-81286 .secondary-image-cbs img { width: 295px !important; } } @media (max-width : 1536px) and (min-height : 768px) and (max-height : 850px) { .tagline-desk-image img { width: 1170px !important; } } @media (max-width : 1536px) and (max-height : 767px) { .tagline-desk-image img { width: 940px !important; } .tagline-desk-image img { left: 90px; } } @media (min-width: 1400px){ /* Member Info */ .tagline-desk-image img { width: 1300px; } .membership-nav.memb-nav-large {max-width: 38%;} .membership-nav.memb-nav-large img {max-width: 90px;width: 100%;} .membership-nav.memb-nav-large .second-btn {width: 80%;} } @media (max-width: 1151px) { .sticky .nav-btns {right: 0px !important;} .sticky {padding: 0 12px !important;} } @media (max-width: 1250px) {.home header {height: 90%;}} @media (max-width: 1200px) { .tagline-desk-image {display: none;} .tagline-mob-image {min-height: 100%;background-image: url(http://media.egia.org/images_website/elements/photos/generic/testMob.jpg);background-position: top center;background-repeat: no-repeat;display: block;} .tagline-mob-image img { position: absolute; bottom: 0; left: 0; right: 0; max-width: 100%; width: 950px; margin: 0 auto; } .tagline-btns.tagline-btn-mid-mobile { position: absolute; bottom: calc(100% - 95%); left: 0; right: 0; margin: 0 auto; max-width: 300px; } /* Header */ .tagline {min-height: 185px;} .tagline h1 {top: 40%;transform: translateY(-40%);left: 0;right: 0;font-size: 25px;text-align: center;margin: 0 auto;} .tagline h2 {top: 60%;transform: translateY(-60%);left: 0;right: 0;text-align: center;margin: 0 auto;font-size: 18px;} .home header {height: 90%;} .nav-btns { position: absolute; right: 10px; top: 8px; } /* Logo */ .logo-link {width: 60px;margin-right: 30px;} .logo-box {height: 30px;} /* Main Menu */ #main-nav {height: 50px;background: #ffffff;padding: 0 20px;} #main-nav {position: fixed;z-index: 9999;width: 100%;} #main-nav ul li.menu-item-has-children {border-top: 1px solid #4d4d4f;padding: 10px 0 15px;text-align: center;} #main-nav ul.menu {-webkit-margin-before: 0;-webkit-padding-start: 0;margin: 0;} .menu-main-navigation-container {display: none;position: absolute;top: 100%;right: 0;padding: 0;height: auto;z-index: 99999;background: #ffffff;width: 100%;} /*#menu-work-with-us .menu-item-has-children {border-bottom: 1px solid #4d4d4f;} */ .page-id-80742 #main-nav { height: 65px; } /* Sub Menu */ .menu-main-navigation-container .sub-menu {display: none;padding: 0;} .menu-member-benefits-container:hover .sub-menu {display:block;} .menu-free-resources-container:hover .sub-menu {display:block;} .menu-about-egia-container:hover .sub-menu {display:block;} .menu-work-with-us-container:hover .sub-menu {display:block;} /* Menu Misc */ .membership-nav {display: none;} .nav-btns-mob {display: none;} .inner-btn-mob {display: block;} } @media (max-width: 767px) { .secondary-image.secondary-image-cbs img {left: 45px;} } @media (max-width: 880px) {.home header {height: 85%;}} @media (max-width: 780px) {.home header {height: 75%;}} @media only screen and (max-width: 768px) { .tagline {min-height: 150px;margin-top: 50px !important;} .tagline.home-bg {margin-top: 0 !important;} .tagline h1 {top: 30%;transform: translateY(-30%);left: 0;right: 0;font-size: 18px;text-align: center;margin: 0 auto; line-height: 21px; padding: 0px 15px;} .tagline h2 {top: 65%;transform: translateY(-40%);left: 0;right: 0;text-align: center;margin: 0 auto;font-size: 15px;line-height: 1.2; padding:0 30px;} .single-partners .tagline h1 {font-size: 16px;} .single-partners .tagline h2 {font-size: 14px;} .secondary-image {max-width: 120px !important;} .secondary-image:before {display: none !important;} .secondary-image img {margin-left: 15px !important;} .postid-85 .secondary-image {max-width: 75px !important;} } @media only screen and (max-width: 320px) { .single-partners .tagline h1 {font-size: 14px;} .single-partners .tagline h2 {font-size: 12px;} p {font-size: 14px;} } @media only screen and (max-width: 420px) { .tagline-btns.tagline-btn-mid-mobile { display: none; } .tagline-btns.tagline-btn-small-mobile { display: block; position: initial; margin: 0 auto; max-width: 100%; width: 100%; float: left; padding: 15px; } .tagline-btns .left-btn, .tagline-btns .right-btn { float: left; width: 100%; } .tagline-btns .left-btn { margin-bottom: 20px !important; } .button-cta-gold:before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; background: #d19f2a; } .button-cta-blue:before { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; background: #006db7; } .button-cta-gold span, .button-cta-blue span { margin: 0 !important; } } @media (max-width: 680px) {.home header {height: 64%;}} @media (max-width: 600px) {.home header {height: 54%;}} @media (max-width: 540px) {.home header {height: 50%;}} @media (max-width: 450px) {.home header {height: 44%;}} @media (max-width: 400px) {.home header {height: 40%;}} @media (max-height: 680px) and (max-width: 1380px) { .tagline-desk-image img { position: absolute; bottom: 0; left: 80px; right: 0; max-width: 80% !important; width: 960px; } } @media (max-height: 630px) and (max-width: 1380px) { .tagline-desk-image img { position: absolute; bottom: 0; left: 150px; right: 0; max-width: 58% !important; width: 960px; } .tagline-btns { position: absolute; bottom: calc(100% - 90%); } } @media only screen and (max-width : 1280px) and (max-height : 780px) { .tagline-desk-image img {width: 1120px !important;max-width: 85%;} .home header {height: 95%;} } @media only screen and (max-width : 1280px) and (max-height : 600px) { .tagline-desk-image img {width: 880px !important;max-width: 85%;} .home header {height: 95%;} } /* Galaxy Media Query */ /* Galaxy S3 Portrait */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { .home header {height: 60%;} } /* Galaxy S3 Landscape */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Galaxy S4, S5 and Note 3 Portrait */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .home header {height: 60%;} } /* Galaxy S4, S5 and Note 3 Landscape */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Galaxy S6 Portrait */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) { .home header {height: 60%;} } /* Galaxy S6 Landscape */ @media only screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Galaxy S8 Portrait */ @media only screen and (min-device-width: 360px) and (orientation: portrait) { .home header {height: 60%;} } /* Galaxy S8 Landscape */ @media only screen and (min-device-width: 740px) and (max-device-width: 760px) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Google Pixel Media Query */ /* Google Pixel Portrait */ @media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { .home header {height: 60%;} } /* Google Pixel Landscape */ @media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Google Pixel XL Portrait */ @media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) { .home header {height: 60%;} } /* Google Pixel XL Landscape */ @media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Google Pixel 2 Portrait */ @media only screen and (min-device-width: 411px) and (orientation: portrait) { .home header {height: 60%;} } /* Google Pixel 2 Landscape */ @media only screen and (min-device-width: 731px) and and (max-device-width: 760px) and (orientation: landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;} } /* Apple Media Query */ /* Ipad Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.home header {height: 73%;}.tagline {margin-top: 50px;}.tagline.home-bg{margin-top: 0;}} /* Ipad Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .tagline.home-bg {background-position: inherit;}.home header {height: 90%;}.tagline-desk-image {display: block !important;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 1000px;margin: 0 auto;}.tagline-mob-image {display: none !important;}.tagline {margin-top: 50px;}.tagline.home-bg{margin-top: 0;}} /* Iphone X Portrait */ @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { .home header {height: 60%;}.tagline-btns.tagline-btn-mid-mobile {display: none;}.tagline-btns.tagline-btn-small-mobile {display: block;position: initial;margin: 0 auto;max-width: 100%;width: 100%;float: left;padding: 15px;}.tagline-btns .left-btn, .tagline-btns .right-btn {float: left;width: 100%;}.tagline-btns .left-btn {margin-bottom: 20px !important;}.button-cta-gold:before {content: '';position: absolute;top: -4px;left: -4px;right: -4px;bottom: -4px;background: #d19f2a;}.button-cta-blue:before {content: '';position: absolute;top: -4px;left: -4px;right: -4px;bottom: -4px;background: #006db7;}.button-cta-gold span, .button-cta-blue span {margin: 0 !important;}} /* Iphone X Landscape */ @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { .home header {height: 90%;}.tagline-desk-image {display: block;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none;}.tagline.home-bg {background-position: inherit;background-size: 107%}.tagline-btns {bottom: 0;}.tagline-btns.tagline-btn-mid-mobile {display: none;}} /* Iphone 6/6+/8 Portrait */ @media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {.home header {height: 60%;}.tagline-btns.tagline-btn-mid-mobile {display: none;}.tagline-btns.tagline-btn-small-mobile {display: block;position: initial;margin: 0 auto;max-width: 100%;width: 100%;float: left;padding: 15px;}.tagline-btns .left-btn, .tagline-btns .right-btn {float: left;width: 100%;}.tagline-btns .left-btn {margin-bottom: 20px !important;}.button-cta-gold:before {content: '';position: absolute;top: -4px;left: -4px;right: -4px;bottom: -4px;background: #d19f2a;}.button-cta-blue:before {content: '';position: absolute;top: -4px;left: -4px;right: -4px;bottom: -4px;background: #006db7;}.button-cta-gold span, .button-cta-blue span {margin: 0 !important;}} /* Iphone 6/6+/8 Landscape */ @media only screen and (device-width : 736px) and (device-height : 414px) and (-webkit-device-pixel-ratio : 3) { .home header {height: 90%;}.tagline-desk-image {display: block !important;}.tagline-desk-image img {position: absolute;bottom: 0;left: 0;right: 0;max-width: 90%;width: 500px;margin: 0 auto;}.tagline-mob-image {display: none !important;}.tagline-btns {bottom: 0;}.tagline-btns.tagline-btn-mid-mobile {display: none;}} /* 10. FOOTER */ .secondary-footer a:link, .secondary-footer a:visited, .secondary-footer a:hover, .secondary-footer a:active {color:#ffffff; text-decoration: none;} .secondary-footer h4 {color:#ffffff; font-weight:300; margin: 30px 0 5px;} .secondary-footer h3 {color:#ffffff; text-decoration:none; margin: 5px 0 30px;} .secondary-footer .more-info-margin{margin: 30px 0 5px !important;font-weight: 300 !important;} .secondary-footer .bullet:before { content:'\2022'; color:#fff; padding-left: 15px; padding-right: 15px; } footer { float: left; width: 100%; position: relative; font-size: 15px; padding: 30px 0 0; } footer .fa { font-size: 1.4em; left: -5px; margin: 0; top: 2px; position: relative; line-height: 1.5em; } footer li:before { display: none; } footer li a, footer li { list-style: none; text-decoration: none; } footer ul { margin: 0; padding:0; } footer .contact-list-secondary { margin-top: 10px } footer .footer-right { float: right; } footer .footer-left { float: left; width: 100%; } .bottom-footer { background:#2a2a2a; float: left; display: block; width: 100%; padding: 0 65px; position: relative; } .bottom-footer .logo-box { float: left; width: 70px !important; background-image: url(https://egia.org/wp-content/themes/EGIA/images/icons/egiaGrey.svg) !important; position: relative; /* top: 5px; */ } .bottom-footer .social-media-box { float: right; position: relative; top: 10px; } .bottom-footer .social-icon { display: inline-block; width: 30px; height: 30px; text-align: center; /*border-radius: 50%;*/ margin-right: 10px; } .footer-contact-info { text-align: center; position: absolute; left: 0; right: 0; top: 16px; font-size: 12px; } footer label { color: #ffffff !important; font-size: 20px !important; line-height: 1 !important; position: relative !important; top: 0px; } footer .gfield { margin-bottom: 15px; } footer .gform_body .col-md-6, footer .gform_body .col-md-12 { padding-right:0 !important; } footer input[type="submit"] { background-color:#006db7!important } .footer-address { float: left; border-right: 1px solid #fff; padding-right: 20px; } .footer-phone { padding-left: 10px; display: block; float: right; } footer .gform_wrapper { margin: 0; } footer input[type="text"], footer input[type="email"], footer select, footer textarea, footer input[type="password"] { padding: 5px 15px!important; } footer .gform_wrapper ul.gform_fields li.gfield { width: 200px; } @media (max-width: 1023px) { .footer-contact-info { display: none; } } @media (max-width: 1336px) { .footer-address { float: none !important; border-right: none !important; padding-right:0 !important; } .footer-phone { padding-left: 0 !important; display: block; float: none !important; margin-bottom: 30px; } } @media (min-width: 1152px) { footer .footer-form { padding-left: 9px !important; } footer .footer-title { line-height: 1.3; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px !important; position: relative; top: 5px; text-align: right; } footer { float: left; width: 100%; display: block; padding: 12px 0; } footer .footer-center { max-width: 1440px; width: 100%; display: flex; align-items: center; padding: 0 60px; margin-right: 0 !important; } footer .gform_wrapper form li, footer .gform_wrapper li { margin-left: 0!important; list-style: none!important; overflow: visible; margin-bottom: 10px; } footer .footer-left .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } footer input[type="submit"]#gform_submit_button_4 { margin: 0!important; } footer li.gfield { float: left; display: block !important; clear: none !important; } footer .gform_footer.top_label { float: left; width: 120px !important; position: relative; clear: none !important; } footer input[type="submit"] { padding: 6px 44px !important; } } @media (max-width: 1277px) { footer .gform_wrapper ul.gform_fields li.gfield { padding: 0 5px !important; width: 50%; margin-bottom: 10px !important; } footer .gform_footer.top_label { float: none; } } @media (max-width: 1151px) { footer .gform_footer.top_label { position: relative !important; top: 0 !important; left: 0 !important; text-align: center; max-width: 220px; margin: 0 auto !important; } footer .gform_wrapper .gform_body { width: 77% !important; display: block !important; float: none !important; margin: 0 auto !important; } .footer-address, .footer-phone { text-align: center; } footer .footer-form .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .footer-form { padding-right: 0 !important; } span.footer-form-title { display: block; text-align: center; } ul#gform_fields_4 { max-width: 75%; width: 100%; margin: 0 auto 20px !important; float: none !important; display: block; } footer .footer-title { line-height: 1.3; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px !important; position: relative; top: 0; text-align: center; } footer .footer-center .zero-padding { width: 100%; } footer input[type="submit"]#gform_submit_button_4 {width: 75% !important;display: block !important;} } @media (max-width: 767px) { span.footer-form-title { font-size: 15px !important; } .bottom-footer { padding: 0 30px; } footer input[type="submit"]#gform_submit_button_4 {width: 80% !important;} ul#gform_fields_4 { max-width: 100%; width: 100%; margin: 0 auto 20px !important; float: none !important; display: block; } footer .footer-title { text-align: center; padding: 0 40px; } footer .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .secondary-footer .more-info-margin { padding: 30px 0 5px !important; display: block; margin: 0 !important; } .secondary-footer h3 { color: #ffffff; text-decoration: none; padding: 5px 0 30px; font-size: 20px; margin: 0; } .secondary-footer a:link, .secondary-footer a:visited, .secondary-footer a:hover, .secondary-footer a:active { color: #ffffff; text-decoration: none; width: 100%; text-align: center; display: block; } span.bullet { display: none; } } /* 11. NAV FUNCTIONS */ .sub-nav li:before, #main-nav li:before {display: none;} .toggle-lines { display: block; margin: 0; padding: 0; font-size: .6em; box-shadow: none; border-radius: 0; border: none; cursor: pointer; position: absolute; width: 30px; background-color: transparent; color: #ffffff; right: 30px; top: 0; height: 60px; } .toggle-lines div { font-size: 1.08em; } .toggle-lines div { font-size: 12px; font-weight: 200; letter-spacing: 1px; position: relative; top: -12px; } .toggle-lines span { display: block; position: absolute; top: 40%; left: 50%; margin-left: -9px; margin-top: -1px; height: 4px; background: #fff; width: 30px; border-radius: 4px; } .toggle-lines span::after, .toggle-lines span::before { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #fff; content: ""; } .toggle-lines span, .toggle-lines span::after, .toggle-lines span::before { background-color: #006db7; } .toggle-lines span::before { top: -7px; border-radius: 4px; } .toggle-lines span::after { bottom: -7px; border-radius: 4px; } .toggle-lines-x span::before { -webkit-transition-property: top, -webkit-transform; -ms-transition-property: top, -ms-transform; transition-property: top, transform; } .toggle-lines-x span::after, .toggle-lines-x span::before { -webkit-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; transition-delay: .3s, 0s; } .toggle-lines-x.is-active span { width: 30px; margin-left: -9px; } .toggle-lines.is-active span { background: transparent; } .toggle-lines-x.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .toggle-lines-x.is-active span::after, .toggle-lines-x.is-active span::before { -webkit-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; transition-delay: 0s, .3s; } .toggle-lines-x.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-button, #close-button { display: none; } #close-button { display: block; color: #fff; position: absolute; right: 0; top: 0; font-size: 20px; width: 60px; height: 50px; text-align: center; line-height: 2.3; z-index: 999999; cursor: pointer; } #close-button i { color: #fff; } /* Logo */ .logo-link{width: 72px;margin-right: 30px;} .logo-box{height: 34px;background-size: contain;width: 100%;background-image: url(https://egia.org/wp-content/themes/EGIA/img/egiaLogo.png);display: block;background-repeat: no-repeat;margin: 10px 0;} #main-nav ul li a{font-size: 15px;padding: 0;display: block;text-decoration: none;font-weight: 700;line-height: 32px;padding: 0 15px;color: #4d4d4f;position: relative;} #main-nav .sub-menu li a{font-size: 12px; text-transform: initial; transition: .5s;font-weight: 300;} @media only screen and (max-width: 767px) { .nav-btns {display: none;} } /* 12. SECTIONS */ @media (min-width: 1024px){ .section-header{position: relative;height: 62px;border-top: 6px solid #fff;border-bottom: 6px solid #fff;} .section-header p{position: absolute;bottom: -4.75px;font-size: 2.2em;margin: 0;line-height: 1;font-weight: 500;left: 60px;} } @media (max-width: 1023px) { .section-header{position: relative;height: 62px;border-top: 6px solid #fff;border-bottom: 6px solid #fff;} .section-header p{position: absolute;bottom: 10px;font-size: 1.5em;margin: 0;line-height: 1;font-weight: 500;left: 60px;} } @media (width: 1024px){ .section-header p{position: absolute;bottom: -4.75px;font-size: 2em;margin: 0;line-height: 1;font-weight: 500;left: 60px;} } @media only screen and (max-width: 767px) { /*.cp-section {padding: 30px 20px !important;}*/ .section-header{position: relative;height: auto;float: left;width: 100%;} .section-header p {position: initial;bottom: auto;font-size: 1.4em;margin: 0 auto;line-height: 1.65;font-weight: 500;left: 0;right: 0;text-align: center;} } /* 13. SIDEBAR */ .sidebar .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { float: left; } .sidebar-title-box { margin-bottom: 0 !important; padding: 15px 25px 15px; line-height: 1.4; } .sidebar-content-box { padding:15px 25px 10px; float: left; width: 100%; } .sidebar svg { margin-right: 10px; width: 1.4em !important; height: 1.4em; position: relative; top: 2px; } .sidebar .contact-information svg { width: 1.2em !important; top: 4px; } .sidebar .contact-information div { margin-bottom: 3px; } .sidebar img { max-width: 100%; } .sidebar div { margin-bottom: 10px; } .sidebar .video-container { margin-top: 20px; margin-bottom: 30px; float: left; } .sidebar .restricted-content .icon-box { width: 15%; display: block; float: left; } .sidebar .restricted-content .text-box { width: 85%; display: block; float: left; } .sidebar .restricted-content svg { width: 3em !important; height: 3em !important; } .sidebar .restricted-content { float: left; width: 100%; } .sidebar-content-box label { font-weight: 700 !important; font-size: 15px !important; line-height: 1.3 !important; } .sidebar-content-box .gform_wrapper { margin: 0 !important; } .sidebar-content-box .gform_wrapper div { margin-bottom: 0 !important; text-align: center; } .additional-text { margin-top: 0px; display: block; float: left; width: 100%; } @media (max-width: 1023px) { .sidebar .restricted-content .text-box { width: 80%; display: block; float: left; margin-left: 10px; } } /* 14. BLOG */ .post-selector { border-right: #fff solid 6px; padding-left: 0 !important; padding-top: 25px; padding-bottom: 40px; padding-right: 60px !important; } a.news-padding { text-decoration: none !important; } .news-feed-img { background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 20px; margin-top: 20px; } .post-feed article { /*border-bottom: solid #fff 3px; padding-bottom: 40px; border-right: solid #fff 3px;*/ } .post-feed-row { border-top: solid #fff 3px; } .post-sidebar .btn { width: 100%; font-size: 16px; } .news-sidebar-padding { padding: 30px 60px 0 30px !important; } .post-sidebar .widgettitle { border-bottom: 2px solid; padding-bottom: 10px; } .widget_archive a:before { content: "\25A0"; padding-right: 12px; text-decoration: none; display: inline-block; } .widget_archive a { font-size: 1.2em; color: #0065C1; } .widget_archive ul li:before { display: none; } .widget_archive ul { -webkit-margin-before: 0 !important; -webkit-margin-after: 0 !important; -webkit-padding-start: 0 !important; } nav.pagination { display: block; text-align: center; } .pagination ul { display: inline-block; background-color: #fff; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; margin-top: 35px; } .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; } .pagination .current { cursor: default; color: #5c6b80; } .pagination a, .pagination span { margin: 0; text-decoration: none; line-height: 1em; font-size: 1em; font-weight: 400; padding: .75em; min-width: 1em; display: block; color: #2980b9; } @media (max-width: 1023px) { .post-selector { border-right: none; padding-left: 0; padding-top: 25px; padding-bottom: 40px; padding-right: 0; } } @media (max-width: 767px) { .news-sidebar-padding { display: none; } .post-selector { padding-right: 0px !important; } } /* 15. JOIN */ .woocommerce-message { display: none !important; } .col-benefits { color: #4d4d4f; } .page-id-65893 .page-container, .postid-66000 .page-container { background-color: #ffffff; } /* 16. FINANCING */ .number-circle { display: inline-block; border-radius: 50%; width: 34px; height: 34px; padding: 11px; background: #006bb4; color: #fff; text-align: center; line-height: 13px; font-weight: 800; margin-right: 13px; } .table-cell-valign-middle { display: table-cell; vertical-align: middle; } ul.checkmark-list li:before { font-family: FontAwesome; content: '\f00c'; position: relative; left: -28px; margin-right: -16px; font-size: 1em; top: 0; } /* 17. TESTIMONIALS */ .quote { padding: 0 !important; margin: 0 !important; font-size: initial !important; border-left: none !important; position: relative; text-indent: 80px !important; } .quote-before { display: block; font-size: 180px; font-family: serif; line-height: 0.5; position: absolute; top: 20px; opacity: 0.2; } .quote-before-sm { display: block; font-size: 120px; font-family: serif; line-height: 0.5; position: absolute; top: 20px; opacity: 0.2; } /* 18. GEOSMART FORM */ .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { justify-content: center !important; align-items: center !important; margin-top: 20px !important; } input[type="submit"] { background: #006bb4; } /* 19. PODCAST */ p.powerpress_links.powerpress_subscribe_links { display: none; } @media (max-width: 1023px) { .podcast-icon-box { margin-bottom: 25px; } .as-seen { margin-top: 25px; } .educational-article h2, .educational-article h6, .educational-article a, .educational-article { display: block; text-align: center; } h3.blueprint-title { font-size: 15px; margin-bottom: 20px !important; } .blueprint-btn { width: 100%; } } /* 20. PDF GENERATOR */ .confirmation-link { background: #578E3B; } .confirmation-link p { color: #ffffff; text-align: center; padding: 10px; font-size: 18px; } .confirmation-link svg { margin-right: 10px; } .postid-67458 .col-sm-12.col-md-8, .postid-67462 .col-sm-12.col-md-8, .postid-67548 .col-sm-12.col-md-8, .postid-67460 .col-sm-12.col-md-8, .postid-74501 .col-sm-12.col-md-8, .postid-74779 .col-sm-12.col-md-8, .postid-74780 .col-sm-12.col-md-8 { width: 100% !important; } .pdf-sample-img { width: 95%; float: right; } .postid-67458 .sidebar, .postid-67462 .sidebar, .postid-67548 .sidebar, .postid-67460 .sidebar, .postid-74501 .sidebar, .postid-73706 .sidebar, .postid-73707 .sidebar, .postid-73708 .sidebar, .postid-73709 .sidebar, .postid-73706 .sidebar, .postid-74779 .sidebar, .postid-74780 .sidebar { display: none; } .pdf-generator_wrapper.gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .pdf-dropdown-btn { width: 100%; padding: 10px 30px !important; } .pdf-dropdown-btn.select-icon-before:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ffffff; right: 13px; top: 13px; } .pdf-dropdown-box .ginput_container.ginput_container_checkbox { margin-top: 0 !important; } .pdf-dropdown-box { } .pdf-dropdown { background: #666666; position: absolute; width: 100%; padding: 0 20px; z-index: 9999; height: 250px; overflow-y: scroll; margin-left: 0; } .pdf-dropdown label { color: #ffffff !important; } #gform_wrapper_57 #field_57_4 { display: none !important; } #gform_wrapper_57 .gfield_html { display: block !important; } /* 21. ACCCOUNT DETAILS(LMS) */ .profile_avatar, .profile_edit_profile { display: none; } /* 22. CLASS DIRECTORY POPUP */ .class-direct { left: 0; right: 0; max-width: 240px; margin: 0 auto; } .class-direct-second { max-width: 260px; } .class-direct-icon { max-width: 100px; margin: 15px auto; text-align: center; display: block; } .class-direct-icon-second { max-width: 112px; } .class-direct-line:after { right: 5px; } .in-home-sales-container .blue:before { background-color: #00a1e4; } .in-home-sales-container .page-title { color: #00a1e4; } .in-home-sales-container .demo-login { border: #00a1e4 solid 6px; } .demo-login { position: fixed; z-index: 99999; background-color: #fff; width: 100%; max-width: 945px; margin: 0 auto; left: 0; right: 0; padding: 50px 50px 60px; border: #0065c1 solid 6px; top: 30%; } .line-after { padding-right: 40px; } .line-after:after { content: ""; height: 250px; width: 2px; background: #555555; display: block; position: absolute; z-index: 99999; right: 14px; top: 4px; } .in-home-sales-cover, .demo-login-cover, .demo-login-weekly-cover, .demo-login-webinar-cover, .demo-login-cbpd-cover { background: rgba(0,0,0,0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; } .in-home-sales-container, .demo-login-container, .demo-login-weekly-container, .demo-login-webinar-container, .demo-login-cbpd-container { position: relative; z-index: 999999; } .demo-login-form { padding-right: 34px; } .pdf-box { margin-bottom: 20px; } @media (max-width:1023px){ .line-after:after { display: none; } .demo-login { top: 0; } .col-sm-6.line-after.class-direct-line { margin-bottom: 40px; } } /* 23. JOHNSTONE PAGES */ .class-dir-box img{ max-height: 150px !important; } .class-dir-box{min-height: 250 !important} .learnmore-button span { text-align: center; display: block; margin: 30px auto; max-width: 140px; line-height: 1.2em; color: #565556 !important; } .circle-image { width: 100%; height: 100%; position: relative; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: relative; margin: auto; } .circle-image-border { margin: 0 auto 20px; width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 4px; background: rgb(102,102,102); background: -moz-linear-gradient(45deg, rgba(0,101,193,1) 15%, rgba(107,192,255,1) 50%, rgba(0,101,193,1) 85%); background: -webkit-linear-gradient(45deg, rgba(0,101,193,1) 15%,rgba(107,192,255,1) 50%,rgba(0,101,193,1) 85%); background: linear-gradient(45deg, rgba(0,101,193,1) 15%,rgba(107,192,255,1) 50%,rgba(0,101,193,1) 85%); } .learnmore-button { border-right: 2px solid #fff; } .learnmore-button { border-bottom: 2px solid #fff; height: 320px; } .johnstone-logo-link { width: 282px; margin-right: 30px; position: absolute; left: 0; } .johnstone-logo-link .logo-box { background-image: url(https://media.egia.org/images_website/elements/logos/johnstoneWaregroupLogo.svg) !important; height: 60px; } .postid-83 #main-nav.johnstone-nav-container, .postid-73756 #main-nav.johnstone-nav-container, .postid-73758 #main-nav.johnstone-nav-container, .postid-73761 #main-nav.johnstone-nav-container, .postid-73764 #main-nav.johnstone-nav-container, .postid-73767 #main-nav.johnstone-nav-container, .postid-73773 #main-nav.johnstone-nav-container, .postid-83 #main-nav.johnstone-nav-container.sticky, .postid-73756 #main-nav.johnstone-nav-container.sticky, .postid-73758 #main-nav.johnstone-nav-container.sticky, .postid-73761 #main-nav.johnstone-nav-container.sticky, .postid-73764 #main-nav.johnstone-nav-container.sticky, .postid-73767 #main-nav.johnstone-nav-container.sticky, .postid-73773 #main-nav.johnstone-nav-container.sticky { position: fixed !important; width: 100% !important; left: 0; top: 0 !important; z-index: 100; padding: 0 38px !important; max-width: 1440px !important; } .postid-83 .sticky .nav-btns, .postid-73756 .sticky .nav-btns, .postid-73758 .sticky .nav-btns, .postid-73761 .sticky .nav-btns, .postid-73764 .sticky .nav-btns, .postid-73767 .sticky .nav-btns, .postid-73773 .sticky .nav-btns { position: absolute; right: 10px !important; } #johnstone-page-container .entry-content .cir-sub-nav li:before { font-family: FontAwesome; content: '\f111'; position: relative; left: -16px; margin-right: -6px; color: #0A4C90; font-size: 7px; top: -2px; } .johnstone-nav-container nav { margin-right: 7px; } .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x { display: block; float: right; background: #565556; height: 90px; width: 70px; margin-left: 20px; right: -5px; } .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x div { color: #fff; } .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x span, .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x span::after, .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x span::before { background-color: #fff; } .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x.is-active span { background: 0 0 !important; } .johnstone-nav-container .nav li a, .johnstone-nav-container .nav li a:hover { padding-top: 22px; } .johnstone-nav-container .nav li a::after { z-index: 99999; top: 63px; } .johnstone-nav-container .nav li { float: left; width: 100%; } ul#johnstone-menu-egia li { margin-left: 0; text-align: center; border-bottom: 1px solid #FFF; } ul#johnstone-menu-egia li:hover { border-bottom: 4px solid #0065C1 !important; background-color:#565556 !important; color: #ffffff; } ul#johnstone-menu-egia li a { width: 100%; text-align: center; margin: 13px 0; } ul#johnstone-menu-egia { position: absolute; z-index: 9999; width: 100%; top: 47px; height: auto !important; width: 200px; margin: 0; right: -10px; left: initial !important; background-color: #565556; } ul#johnstone-menu-egia li a { color: #ffffff; } ul#johnstone-menu-egia li a:hover{ color: #ffffff !important; background-color: #565556 !important; } #johnstone-page-container .green:before { background-color: #0A4C90; } #johnstone-page-container .spinner > div { background-color: #0A4C90; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #565556 !important; } @media (max-width: 1599px) { ul#johnstone-menu-egia { right: 25px; } .johnstone-nav-container button.toggle-button.desktop-toggle-button.toggle-lines.toggle-lines-x { position: relative; right: -2px; } #johnstone-page-container .contact-us-box { min-height: 300px } } @media (max-width: 1068px) { #johnstone-page-container .contact-us-box { min-height: 400px } } @media (min-width: 768px) { .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x { background-color: #565556 !important; } .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x div { color: #fff; } .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x span, .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x span::after, .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x span::before { background-color: #fff; } .johnstone-nav-container button.toggle-button.toggle-lines.toggle-lines-x.is-active span { background: 0 0 !important; } } @media (max-width: 1024px) { .johnstone-logo-link .logo-box { margin: 0 !important; } } @media (max-width: 768px) { #johnstone-page-container .contact-us-box { min-height: 550px } .johnstone-logo-link .logo-box { background-image: url(https://media.egia.org/images_website/elements/logos/johnstoneWaregroupLogo.svg) !important; height: 50px; margin: 0 !important; } } /* 24. MARKETING PAGES */ .postid-78892 .nav-btns { display: none; } .marketing-btn-one, .marketing-btn-two, .marketing-btn-three { float: left; width: 100%; text-align: center; /*background: #4d4d4f;*/ color: #fff; padding: 10px; display: block; cursor: pointer; /*margin: 5px;*/ } .marketing-btn-one { background-image: url("https://media.egia.org/images_website/elements/buttons/option1.png"); background-size: contain; max-width: 418px; height: 82px; background-repeat: no-repeat; } .marketing-btn-two { background-image: url("https://media.egia.org/images_website/elements/buttons/option2.png"); background-size: contain; max-width: 418px; height: 82px; background-repeat: no-repeat; margin: 0 auto; display: block; text-align: center; float: none; } .marketing-btn-three { background-image: url("https://media.egia.org/images_website/elements/buttons/additional3a.png"); background-size: contain; max-width: 418px; height: 82px; background-repeat: no-repeat; float: right; } .marketing-btn-one:hover { background-image: url("https://media.egia.org/images_website/elements/buttons/option1a.png"); } .marketing-btn-two:hover { background-image: url("https://media.egia.org/images_website/elements/buttons/option2a.png"); } .marketing-btn-three:hover { background-image: url("https://media.egia.org/images_website/elements/buttons/additional3.png"); } .marketing-btn-one.active-btn { background-image: url("https://media.egia.org/images_website/elements/buttons/option1a.png"); } .marketing-btn-two.active-btn { background-image: url("https://media.egia.org/images_website/elements/buttons/option2a.png"); } .marketing-btn-three.active-btn { background-image: url("https://media.egia.org/images_website/elements/buttons/additional3.png"); } .marketing-btn-one img, .marketing-btn-two img, .marketing-btn-three img { width: 100% } .marketing-btn-one.active-btn, .marketing-btn-two.active-btn, .marketing-btn-three.active-btn { /*background: #006db7;*/ } .marketing-tab-one .svg-inline--fa.fa-w-14, .marketing-tab-two .svg-inline--fa.fa-w-14, .marketing-tab-three .svg-inline--fa.fa-w-14 { width: 2em; height: 2em; margin-right: 18px; } /* x. FIREFOX ONLY */ @-moz-document url-prefix() { #main-nav ul li a { font-size: 14px; padding: 0; display: block; text-decoration: none; font-weight: 300; line-height: 32px; padding: 0 15px; color: #4d4d4f; position: relative; } @media (max-width: 1200px) { ul.menu { margin-left: -40px !important; } } } /* z. MOBILE TOOLS */ .memb-banner {max-width:475px;margin:10px 0; float:right;} @media (min-width:1025px){ .memb-mob-hide {display: block} } @media (max-width:1024px){ .memb-mob-hide {display: none} .cp-whats-new-row p.zero-margin {font-size: 14px;} } @media (max-width:768px){ /*.memb-mob-hide {display: block}*/ .memb-banner { max-width: 535px !important; margin: 10px auto !important; float: none !important; display: block !important; } .postid-78567 .tagline h2 { top: 64%; } .postid-78567 .tagline { min-height: 150px !important; } .square-list li {margin-left: 20px;} .square-list li:before {position: relative; left: -20px;} } @media (min-width:1024px){ .desk-hide {display: none} .mob-hide {display: block} } @media (max-width:1023px){ /*div#sgcolorbox {left:0 !important;width: 320px !important;} div#sgcboxWrapper, div#sgcboxContent, div#sgcboxLoadedContent {width: 320px !important;}*/ .page-id-76756 .tagline h1, .page-id-76756 .tagline h2 { font-size: 15px; } .video-player {height: 300px;} .desk-hide {display: block} .mob-hide {display: none} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .memb-mob-hide {display: none} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .memb-mob-hide {display: block} .memb-banner { max-width: 535px !important; margin: 10px auto !important; float: none !important; display: block !important; } } /* Ipad Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.page-id-44 .news-sidebar-padding { display: block !important; }} /* Ipad Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.page-id-44 .news-sidebar-padding { display: block !important; }} .page-id-44 .news-sidebar-padding { display: block; } .clearfix::after{content: ""; display: block; clear: both;} .footer-header-text { margin: 0; padding-bottom: 8px; font-weight: 500; font-size: 17px; letter-spacing: 1px; line-height: 18px; } .footer-line { content: ''; height: 1px; background-color: #006bb4; } .footer-p { font-size: 13px; line-height: 1.5 !important; margin-block-start: 0; margin-block-end: 0; } footer .footer-three-col { max-width: 1440px; width: 100%; display: flex; align-items: center; padding: 30px 40px 30px 50px; margin-right: 0 !important; } footer li.gfield { float: left; display: block !important; clear: none !important; } footer .gform_wrapper .top_label div.ginput_container { margin-top: 0 !important; } footer #field_4_23, footer #field_4_26 { margin-bottom: 0 !important; } footer .gform_wrapper .gform_body { width: 800px; display: block; float: left; } /* #input_4_26 { position: absolute; top: 0; left: 94%; } footer .gform_footer.top_label { position: absolute !important; top: 88px !important; left: 94% !important; float: none !important; } */ footer p { margin-block-start: 0 !important; margin-block-end: 0 !important; } .footer-mobile-form { display: none; } footer #input_354_26 { margin: 0; } footer .gform_wrapper li { margin-bottom: 5px !important; } footer input[type="text"], footer input[type="email"] { font-size: 14px !important; } .gform_footer { padding: 0 !important; } footer .gfield_description { padding-top: 0 !important; padding-bottom: 0 !important; padding: 0 !important; } @media (max-width:1152px) { .footer-mobile-form { display: block; } .footer-desktop-form { display: none; } footer .gform_footer.top_label { position: relative !important; top: 0 !important; left: 0 !important; text-align: center; } footer #gform_submit_button_354 { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (max-width:1024px) { p.footer-header-text { padding-top:20px; } .home footer { padding: 0; } } @media (max-width:768px) { footer .footer-three-col { padding: 25px; } } @media (max-width:641px) { footer #input_354_26 { margin: 0 auto; } } /* Member Benefits Section*/ /*A. Tools*/ .included-style {padding: 20px; background-color: #FFF} #included-top-row {margin: 30px 15px 30px 15px !important;} .included-other-rows {margin: 0px 15px 30px 15px !important;} .included-height {max-height: 935px; height: 100%;} .included-text-pad { padding: 20px 15px 10px; margin-top: 0px; font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 1.85!important; color: #565556!important;} .m-bot-thirty {margin-bottom: 30px;} .m-bot-twenty {margin-bottom: 20px !important;} .m-top-bot-thirty {margin: 30px 0px 30px 0px !important;} .mobile-included-container {float: left; width: 100%} .foundation-auto-height{height: auto;} .online-row{height: 1000px;} .weekly-row{height: 1020px;} .unfiltered-row{height: 980px;} .foundation-row{height: 940px;} .research-row{height: 740px;} .foundation-header{ text-align:center; position: relative; bottom: -2px; font-size: 2.4em; font-weight: 500; margin-block-start: 0em; margin-block-end: 0em; padding: 15px 0; line-height: 40px } .new-shields-size {width: 33.33%; float:left;} .two-shields-size {width: 50%; float: left;} .who-has-access {padding:0px 10px 7px; font-size: 17px; font-weight:400; color: #006db7; line-height: 1 !important; margin: 0px;} .not-included-style {background-color: #EAEAEA; height: 30px; text-align:center; margin-right: 3px;} .not-included-middle-style {background-color: #EAEAEA; height: 12px; text-align:center; margin: 0px 3px;} .style-text {padding:7px 10px; color:#ffffff; font-size: 14px; line-height: 1 !important; margin: 0px;} .basic-style {background-color: #70BF54; height: 30px; text-align:center; margin-right: 3px;} .plus-style {background-color: #006DB7; height: 30px; text-align:center; margin: 0px 3px;} .cbs-style {background-color: #006DB7; height: 30px; text-align:center; margin-right: 3px;} .plus-two-style {background-color: #006DB7; height: 30px; text-align:center; margin-right: 3px;} .premium-style {background-color: #CCA443; height: 30px; text-align:center; margin-left: 3px;} .included-tooltip {position: relative; display: inline-block;} .included-tooltip .included-tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px; font-size: 12px; line-height: 16px; /* Position the tooltip */ position: absolute; z-index: 1; top: 100%; left: 50%; margin-left: -60px; } .included-tooltip:hover .included-tooltiptext {visibility: visible;} .two-included-tooltip {position: relative; display: inline-block;} .two-included-tooltip .two-included-tooltiptext { visibility: hidden; width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px; font-size: 12px; line-height: 16px; /* Position the tooltip */ position: absolute; z-index: 1; top: 100%; left: 40%; margin-left: -60px; } .two-included-tooltip:hover .two-included-tooltiptext {visibility: visible;} @media (max-width: 1024px) { .online-row {height: 950px;} .weekly-row {height: 1050px;} .unfiltered-row {height: 1060px;} .foundation-row {height: 980px;} .plus-style {height: 40px;} .cbs-style {height: 40px;} .premium-style {height: 40px;} .not-included-style {height: 40px;} } @media (max-width: 1023px) { .mobile-m-top-thirty {margin-top: 30px;} } @media (max-width: 768px) { .mobile-included-container {padding: 0px 130px;} .coaching-height {height:770px;} .workshop-height {height:910px;} .class-height {height:910px;} .resource-height {height:880px;} .epic-height {height:700px;} .show-height {height: 1000px;} .unfiltered-height {height:1000px;} .forum-height {height:930px;} .research-height {height:780px;} .discount-height {height:740px;} .clearinghouse-height {height: 960px;} .rebate-height {height:700px;} .foundation-height {height:920px;} .manager-height{height: 600px;} .plus-style {height: 30px;} .cbs-style {height: 30px;} .premium-style {height: 30px;} .not-included-style {height: 30px;} } @media (max-width: 414px) { .mobile-included-container {padding: 0px;} .coaching-height {height:790px;} .workshop-height {height:960px;} .class-height {height:930px;} .resource-height {height:900px;} .epic-height {height:720px;} .show-height {height:1030px;} .unfiltered-height {height:1040px;} .forum-height {height:950px;} .research-height {height:740px;} .discount-height {height:740px;} .rebate-height {height:700px;} .foundation-height {height:970px;} .plus-style {height: 40px;} .cbs-style {height: 40px;} .premium-style {height: 40px;} .not-included-style {height: 40px;} } @media (max-width: 375px) { .coaching-height {height:820px;} .workshop-height {height:990px;} .class-height {height:960px;} .resource-height {height:960px;} .epic-height {height:690px;} .show-height {height:1110px;} .unfiltered-height {height:1130px;} .forum-height {height:1010px;} .research-height {height:770px;} .discount-height {height:740px;} .rebate-height {height:700px;} .clearinghouse-height {height: 1000px;} .foundation-height {height:1010px;} } @media (max-width: 360px) { .workshop-height {height:1010px;} .class-height {height:1010px;} .resource-height {height:950px;} .epic-height {height:680px;} .show-height {height:1150px;} .unfiltered-height {height:1150px;} .forum-height {height:1030px;} .research-height {height:760px;} .discount-height {height:760px;} .rebate-height {height:690px;} .foundation-height {height:1050px;} } @media (max-width: 320px) { .coaching-height {height:770px;} .workshop-height {height:910px;} .class-height {height:910px;} .resource-height {height:890px;} .epic-height {height:630px;} .show-height {height:1060px;} .unfiltered-height {height:1100px;} .forum-height {height:950px;} .research-height {height:670px;} .discount-height {height:670px;} .rebate-height {height:600px;} .clearinghouse-height {height: 1080px;} .foundation-height {height:920px;} .turb-height {height: 1040px;} } /*B. Buttons*/ .button-margins {margin: 10px auto !important;} .included-buttons {width: 100%; max-width: 300px;} .included-buttons span, .bth { font-weight: normal; font-size: 17px; } .included-button-position {position: absolute; bottom: 3%;} .two-button-position {position: absolute; bottom: 3%} @media (max-width: 1024px) { .included-buttons {max-width: 280px;} } @media (max-width: 360px) { .included-buttons {padding: 6px 20px !important;} } @media (max-width: 320px) { .included-buttons {max-width: 240px; padding: 6px 0px !important;} }