/* Theme Name: Child Theme Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /* Glossy column */ .csem-frm-brdr { /* Glassy background with bluish-white gradient shine */ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(0, 191, 255, 0.15)); /* Bluish-white gradient */ border-radius: 10px; /* Rounded corners */ padding: 20px; /* Inner spacing */ position: relative; /* For potential overlay effects */ /* Glowing blue border */ border: 2px solid #00bfff; /* Base blue color */ box-shadow: 0 0 10px rgba(0, 191, 255, 0.7), /* Inner glow */ 0 0 20px rgba(0, 191, 255, 0.5), /* Mid glow */ 0 0 30px rgba(0, 191, 255, 0.3); /* Outer glow */ transition: box-shadow 0.3s ease; /* Smooth transition for hover */ /* Glossy shine effect */ background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.3), transparent 70%); /* Shine overlay */ background-blend-mode: overlay; /* Blend for glass-like effect */ } /* Enhance glow and shine on hover */ .csem-frm-brdr:hover { box-shadow: 0 0 15px rgba(0, 191, 255, 0.9), 0 0 25px rgba(0, 191, 255, 0.6), 0 0 40px rgba(0, 191, 255, 0.4); background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.4), transparent 70%); /* Stronger shine on hover */ } .csem-frm-brdr select, .csem-frm-brdr input, .csem-frm-brdr textarea {background-color: #10255c91 !important; border-radius: 20px !important; overflow: hidden !important; color: #becbed !important; padding: 5px 20px !important;} .csem-frm-brdr .gform_wrapper select option { background-color: #142247 !important; color:#becbed !important;} .csem-frm-brdr .gform_wrapper select option:hover { background-color: #142247 !important; color:#becbed !important; } .csem-frm-brdr .gform_title, .csem-frm-brdr label, .csem-frm-brdr .gfield_description{color:#becbed !important; color: #e4e7ed !important; font-weight: 200 !important;} .csem-frm-brdr label, .csem-frm-brdr .gfield_description{font-size:18px !important;} .csem-frm-brdr p,.csem-frm-brdr li{font-size:17px !important; color: #e4e7ed !important;} .csem-frm-brdr strong{color: #e4e7ed !important; font-weight:200 !important; color: #e4e7ed !important; font-size:19px !important;} .csem-frm-brdr h3{color: #e4e7ed !important; font-weight:200 !important; color: #e4e7ed !important;} #gform_submit_button_3:hover{box-shadow: 0 0 10px rgba(0, 191, 255, 0.7), /* Inner glow */ 0 0 20px rgba(0, 191, 255, 0.5), /* Mid glow */ 0 0 30px rgba(0, 191, 255, 0.3); /* Outer glow */ transition: box-shadow 0.3s ease; /* Smooth transition for hover */} .gen-button{background-color: #10255c !important; border-radius: 20px !important; color: #becbed !important; padding: 10px 20px !important; margin-bottom: 20px !important; display: inline-block;} .gen-button:hover{box-shadow: 0 0 10px rgba(0, 191, 255, 0.7), /* Inner glow */ 0 0 20px rgba(0, 191, 255, 0.5), /* Mid glow */ 0 0 30px rgba(0, 191, 255, 0.3); /* Outer glow */ transition: box-shadow 0.3s ease; /* Smooth transition for hover */} .keyword {padding:30px;} .kw-grey{background-color:#f2f2f2;} .keyword h3{ color: #0038a3; font-weight: 600 !important; } #text-2{ position: fixed !important; } .mermaid { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 100%; overflow-x: auto; } /* --------------- Onboarding Form ---------------*/ .csem-form-h3 {border-left: solid 3px #3374eb !important; padding-left: 5px; font-size: 22px;} .csem-form-h3 {position: relative; border-left: solid 3px #3374eb !important; padding-left: 5px; margin-bottom:10px; border-bottom: none; &::after { content: ''; position: absolute; left: 0; bottom: -5px; /* Adjusts the offset */ width: 100%; height: 1px; background-color: #ededed; } } #gform_wrapper_5 .gfield_checkbox label { font-weight: 200 !important; font-size: 18px !important; } .csem-form-text{color:#838383; font-size: 20px;} #gform_wrapper_5 .gchoice { border: solid 1px #009793; padding: 12px; background: #f8f9fa; border-radius: 8px; box-shadow: 0px 0px 5px #00000040; margin-bottom: 20px; } #gform_wrapper_5 .gchoice:hover {background: #f7ffff;} #gform_wrapper_5{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } #gform_wrapper_5 .gsection_title {color: #124a9a !important; background: linear-gradient(135deg, #009793 0%, #124a9a 100%); -webkit-background-clip: text; font-size:30px;} .csem-color-select .gform-field-label{ display: flex !important; flex-direction: column !important; gap: 10px !important; } .csem-color-select .gchoice{border:none !important;} /*----- Multi page side bar menu --------*/ #gf_page_steps_5{ opacity: 0 !important; height: 20px !important; } .step-number {display:none;} .gpmpn-page-link { display: block; margin-bottom: 6px; padding: 6px 10px; background: #f3f3f3; border-radius: 4px; text-decoration: none; color: #333; transition: background 0.2s; } .gpmpn-page-link:hover { background: linear-gradient(135deg, #009793 0%, #124a9a 100%); color: #ffffff !important; } .gpmpn-page-link.active { font-weight: 600; color: #0055a5; background: #edfdfd; } .gpmpn-page-link{ padding: 10px; margin-top: 13px; background: #fff; border: solid 1px #555; border-radius: 10px; box-shadow: 0px 0px 3px #0000002e; } .gpmpn-page-link{ border-color: transparent; box-shadow: 0 0px 5px rgba(0, 151, 147, 0.4); transform: translateY(-1px);} .step-label{background:none;} .gpmpn-sidebar-steps{padding: 0px 10px !important;} /*--------------------*/ /* Form 10 #gform_wrapper_11 .gfield_checkbox label { font-weight: 200 !important; font-size: 18px !important; } #gform_wrapper_11 .gchoice { border: solid 1px #009793; padding: 12px; background: #f8f9fa; border-radius: 8px; box-shadow: 0px 0px 5px #00000040; margin-bottom: 20px; } #gform_wrapper_11 .gchoice:hover {background: #f7ffff;} #gform_wrapper_11{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } #gform_wrapper_11 .gsection_title {color: #124a9a !important; background: linear-gradient(135deg, #009793 0%, #124a9a 100%); -webkit-background-clip: text; font-size:30px;} #gf_page_steps_11{ opacity: 0 !important; height: 20px !important; } .cu-form-head .avatar { display: none !important; } */