/* Theme Name: Twenty Twenty Child Theme URI: https://wordpress.org/themes/twentytwenty/ Template: twentytwenty Author: the WordPress team Author URI: https://wordpress.org/ Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready Version: 2.0.1666761243 Updated: 2022-10-26 05:14:03 */ @import "bootstrap.css"; /* Using a string */ @font-face { font-family: 'Geometr415MdBTMedium'; src: url('fonts/Geometr415MdBTMedium.eot'); src: url('fonts/Geometr415MdBTMedium.eot') format('embedded-opentype'), url('fonts/Geometr415MdBTMedium.woff2') format('woff2'), url('fonts/Geometr415MdBTMedium.woff') format('woff'), url('fonts/Geometr415MdBTMedium.ttf') format('truetype'), url('fonts/Geometr415MdBTMedium.svg#Geometr415MdBTMedium') format('svg'); } .volunteer-btn a { border-radius: 50px; border: #fff solid 1px; padding:7px 15px!important; font-weight: 800 !important;} .volunteer-btn a:hover { background-color: #fff; color: #000 !important; font-weight: 800 !important;} .donate-btn a { border-radius: 50px; border: #CC0000 solid 1px; background-color: #CC0000; font-weight: 800 !important; padding:7px 30px!important;} .donate-btn a:hover { background-color: #fff; color: #000 !important; border: #fff solid 1px; font-weight: 800 !important;} .login-btn a { font-weight: 700 !important; font-size: 14px !important;} .login-btn { position: relative; padding-left: 15px !important;} .login-btn::before {background: url('./images/awesome-user-circle.png') no-repeat; content: ""; width: 17px; height: 17px; position: absolute; top: 50%; margin-top: -8px; left: 6px;} /* Slide In From The Top Option */ .header-2 .volunteer-btn a { border: #30486E solid 1px; color: #30486E;} .header-2 .donate-btn a {color: #fff !important;} .header-2 .donate-btn a:hover {color: #fff !important; background-color: #CC0000 !important;} .header-2 .login-btn::before {background: url('./images/blackawesome-user-circle.png') no-repeat; content: ""; width: 17px; height: 17px; position: absolute; top: 50%; margin-top: -8px; left: 6px;} .header-2 { transform: translatey(-187px); -moz-transition: all .3s ease!important; -webkit-transition: all .3s ease!important; transition: all .3s ease!important; } .header-3 {transform: translatey(0px)!important; } .elementor-sticky--effects.header-2 { height: auto!important; transform: translatey(0px); } .elementor-sticky--effects.header-1 { display: none!important; } .mb-0 { margin-bottom: 0px !important;} .mb-10 { margin-bottom: 10px !important;} .mb-15 { margin-bottom: 15px !important;} .contact-form input { border-radius: 5px !important;} .contact-form input:focus, .contact-form textarea:focus{outline: none; border-width: 0.1rem; border-color: #dbdbdb;} .contact-form .wpcf7-submit {border-radius: 50px !important; background-color: #3D6DC2 !important; font-size: 17px !important; padding-left: 25px; padding-right: 25px; color: #fff !important; } .signup-mail input:focus{ outline: none; border: none;} .signup-mail input { background-color: #f2f2f2; border: none;} .signup-mail .signup { background-color: #3d6dc2; padding: 13px 35px; border-radius: 50px;} .signup-mail .signup:hover { text-decoration: none;} .right-shape-img::after {content: ""; position: absolute; right: -2000px; height: 100%; background: #556888; width: 2000px; bottom: 0px; top: 0px;} .text-p{ position: relative;} .text-p:before { content: ""; background: url(./images/left-ionic-ios-quote.png) no-repeat; width: 53px; height: 53px; top: 10px; position: absolute; left: -60px; z-index: 99999;} .text-p::after { content: ""; background: url(./images/right-ionic-ios-quote.png) no-repeat; width: 53px; height: 53px; bottom: 80px; position: absolute; right: -40px; z-index: 99999;} .text-p .swiper-container-horizontal>.swiper-pagination-bullets { width: auto; padding-left: 10px;} .section-img { position: relative;} .section-img::before { position: absolute;right: 0px; left: 0px; right: 0px; background: url(./images/right-arrow-img-block.png) no-repeat; background-size: 100%; bottom: 0px; height: 24px; content: "";} .card-custom-block { background: url(./images/img1.png) no-repeat padding-box; left: 0px; position: absolute; height: 450px; width: 50%; transition: width 0.3s; background-size: cover;} .card-custom-block:hover {width: 60%; height: 450px; z-index: 5;} .card-custom-block:hover + .card-custom-block2 h3 { opacity: 0;} .card-custom-block2:hover .card-custom-block h3 { opacity: 0 !important;} .card-custom-block2 { background: url(./images/img2.png) no-repeat padding-box; right: 0px; position: absolute; height: 450px; width: 50%; transition: width 0.3s; background-size: cover;} .card-custom-block2:hover {width: 60%; height: 450px;} .d-flex-custom {position: relative; height: 450px;} .left-side-content { position: absolute; margin-top: 25px; top: 50%; right:25px; text-align: right;} .left-side-content h3 { font-size: 25px; letter-spacing: 1px; text-shadow: 0px 2px 13px #2f2f2f; font-family: 'Geometr415MdBTMedium'; margin-top: 0px; text-transform: uppercase; color: #fff; font-weight: bold; margin-bottom: 5px; transition: 0.3s;} .card-custom-block .left-side-content p { opacity: 0; color: #fff; font-family: 'Geometr415MdBTMedium'; font-size: 16px; line-height: 18px;} .card-custom-block:hover .left-side-content p { opacity: 1;} .card-custom-block2 .left-side-content p { opacity: 0;} .card-custom-block2:hover .left-side-content p { opacity: 1;} .card-custom-block .btn-blue-register {background-color: #3d6dc2; opacity: 0; display: inline-block; text-decoration: none; border-radius: 50px; padding: 10px 35px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 0px; font-weight: bold;} .card-custom-block:hover .btn-blue-register { opacity: 1;} .card-custom-block2 .btn-blue-register {background-color: #3d6dc2; opacity: 0; display: inline-block; text-decoration: none; border-radius: 50px; padding: 10px 35px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 0px; font-weight: bold;} .card-custom-block2:hover .btn-blue-register { opacity: 1;} .middiletext { position:absolute; font-family: 'Geometr415MdBTMedium'; margin-top: -35px; z-index: 8; top: 50%; transform: translate(-50%, -50%); left: 50%; color: #fff; border: #fff solid 2px; padding: 5px 20px; font-size: 50px; text-shadow: 0px 2px 5px #242222;} .hideh3 h3 {opacity: 0;} .right-side-content { position: absolute; margin-top: 25px; top: 50%; left:25px; text-align: left;} .card-custom-block2 .right-side-content h3 { font-size: 25px; text-shadow: 0px 2px 13px #2f2f2f; letter-spacing: 1px; margin-top: 0px; text-transform: uppercase; color: #fff; font-weight: bold; font-family: 'Geometr415MdBTMedium'; margin-bottom: 5px; transition: 0.3s;} .card-custom-block2 .right-side-content p { opacity: 0; letter-spacing: 1px; color: #fff; font-family: 'Geometr415MdBTMedium'; font-size: 16px; line-height: 18px; text-shadow: 0px 2px 5px #242222; font-family: 'Geometr415MdBTMedium'; } .card-custom-block2:hover .right-side-content p { opacity: 1;} .card-custom-block2 ~ .card-custom-block.blockdiv h3{ opacity: 0; } .btn-blue {background-color: #3d6dc2; display: inline-block; text-decoration: none; border-radius: 50px; padding: 10px 35px; color: #fff; font-family: 'Geometr415MdBTMedium'; font-size: 14px; margin-top: 10px; font-weight: bold;} .card-custom-block::before { position: absolute; left: 0px; transition: 0.3s; right: 0px; top: 0px; bottom: 0px; background:rgba(0,0,0,0.3); content: "";} .card-custom-block:hover::before { background:rgba(0,0,0,0);} .card-custom-block2::before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background:rgba(0,0,0,0.3); content: ""; transition: 0.3s;} .card-custom-block2:hover::before { background:rgba(0,0,0,0);} .custom-line {position: relative; } .commitment-list ul {list-style: none; counter-reset: li; margin: 0px;} .commitment-list ul li::before {content: counter(li); color: #fff; background: #30486E; display: inline-block; width: 30px; padding: 5px; height: 30px; border-radius: 50px; left: 0px; position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; } .commitment-list ul li {counter-increment: li; padding-left: 44px; position: relative; margin-bottom: 15px; margin-left: 0px;} .commitment-list-6 ul li:first-of-type::before { counter-set: li 6; } .tabingblock .tab-pane h3 { color: #5473A7; font-size: 24px; margin-bottom: 6px;} .tabingblock .tab-pane p {color: #565656; font-size: 16px; margin-bottom: 25px;} ul.listcard-custom {margin: 25px 0px 0px !important; padding: 0px 0px 0px 0px !important ;} ul.listcard-custom li { margin-bottom: 15px; list-style: none;} ul.listcard-custom li a {color: #3D6DC2;display: block; padding-left: 30px; position: relative; font-size: 16px; font-weight: 600;} ul.listcard-custom li a:after {background: url(https://casasac.ituldev.com/wp-content/uploads/2023/02/pdf-img.png) no-repeat; content: ""; width: 18px; height: 21px; top: 4px; position: absolute; left: 0px;} .custom-line::after { width: 95px; height: 15px; position: absolute; bottom: -11px; left: 0px; left: 0px; content: ""; background: url(./images/line-img.png) no-repeat;} @media only screen and (max-width: 1330px) and (min-width: 1023px) { .navigation-custom ul li a, .loginblock ul li.login-btn a{font-size: 12px !important;} .elementor-58 .header-1 .elementor-element.elementor-element-4ff4307c { width: 70.048% !important; } .elementor-58 .header-1 .elementor-element.elementor-element-19a2b0f7 { width: 20% !important; } .header-2 .elementor-column.elementor-col-33{ width: 20.333%; } .elementor-58 .header-2 .elementor-element.elementor-element-41cb321 { width: 65%; } } @media only screen and (max-width: 1025px) { .header-2 .volunteer-btn a { border: #ffffff solid 1px; color: #30486E;} .header-2 .volunteer-btn a:hover { border: #ffffff solid 1px !important; color: #fff !important;} .donate-btn a { margin-top: 10px;} .donate-btn a:hover {border: #CC0000 solid 1px !important; } .login-btn a:hover { background-color: transparent !important;} } @media only screen and (max-width: 992px) { .section-img::before { display: none;} .text-p::after {bottom: 40px; right: -58px;} .text-p .swiper-container-horizontal>.swiper-pagination-bullets { right: 0px;} .middiletext { font-size: 40px; width: 415px; text-align: center; margin-top: -61px;} .left-side-content h3,.card-custom-block2 .right-side-content h3 { font-size: 20px;} .card-custom-block, .card-custom-block2, .card-custom-block:hover, .card-custom-block2:hover,.d-flex-custom { height: 340px;} .left-side-content,.right-side-content { margin-top: 0px;} .mb-mobile-10 { margin-bottom: 10px;} .login-btn { text-align: center; } .login-btn a { display: inline-block !important; padding-left: 25px !important; padding-right: 25px !important;} .signup-mail .signup { font-size: 12px;} .volunteer-btn,.donate-btn { margin-left: 25px !important; margin-right: 25px !important;} .header-2 .login-btn::before { left: auto;} } @media only screen and (max-width: 767px) { .text-p:before {width: 18px; height: 19px; left: -12px; top: 6px; background-size: 100%;} .text-p::after {width: 18px; height: 19px; right: -12px; background-size: 100%;} .middiletext { font-size: 20px; margin-top: -30px; width: 225px; text-align: center; } .left-side-content, .right-side-content { margin-top: 10px; } .left-side-content h3, .card-custom-block2 .right-side-content h3 { font-size: 12px; } .card-custom-block .left-side-content p { font-size: 10px; line-height: 14px;} .card-custom-block2 .right-side-content p { font-size: 10px; line-height: 14px; padding-right: 10px;} .card-custom-block2 { background: url(./images/img2.png) no-repeat -400px center;} .card-custom-block .btn-blue-register,.card-custom-block2 .btn-blue-register { font-size: 12px; padding: 7px 35px;} .card-custom-block, .card-custom-block2, .card-custom-block:hover, .card-custom-block2:hover, .d-flex-custom { height: 245px; } .right-side-content { left: 15px;} .left-side-content{ right: 15px;} .card-custom-block { background: url(./images/img1.png) no-repeat padding-box center;} }