/* The styles are structured in a way that is easy to read and maintain. 
    Below is the structure of the styles in the CSS file. 
    This allows us to easily find the styles we are looking for and 
    add new styles to the respective sections. */
/* Import External Styles */
/* Root Variables */
/* General Body Styles */
/* Button Styles */
/* Header & Navbar Styles */
/* Main Content Styles */
/* Miscellaneous Styles */
/* Media query Styles */

/* Import External Styles */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&display=swap");

/* Root Variables */
:root {
  --primary-color: #CC3D46;
  --secondary-color: #2B5B6C;
  --tertiary-color: #fff;
  --headline-font: "Varisse Sans", sans-serif;
  --body-copy-font: "Varisse Sans", sans-serif;
  --button-corner: 0px;
  
    --cva-blue: #2B5B6C;
    --cva-blue-darker: #194757;
    --cva-tan: #EFE4CE;
    --cva-red: #CC3D46;
    --cva-red-darker: #A1252D;
    --cva-gray: #373A36;
}

/* General Body Styles */
body {
  font-family: "Varisse Sans", sans-serif;
  color: #2B5B6C;
  padding-top: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
.top-priority {
  font-weight: 700;
  font-family: "Varisse Sans", sans-serif;
}

.action-item-headline {
    font-family: "Varisse Sans", sans-serif;
}
}

a {
  color: #2B5B6C;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: #CC3D46;
}

/* Button Styles */
.btn:not(.btn-pill),
.btn-primary {
  font-family: "Varisse Sans", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  border: 3px solid #CC3D46;
  background-color: #CC3D46;
  color: #fff;
  border-radius: 0px;
}

.btn:active,
.btn-primary:active,
.btn:active:focus,
.btn-primary:active:focus,
.btn:focus,
.btn-primary:focus {
  background-color: transparent !important;
  border-color: #fff !important;
}

/* Header & Navbar Styles */
header,
.navbar {
  background-color: #EFE4CE;
  margin: 0;
  border: 0;
}

header .container .i360collapse,
header .container .navbar-collapse,
.navbar .container .i360collapse,
.navbar .container .navbar-collapse {
  background-color: #EFE4CE;
}

header .container .logo-toggle #logo img,
header .container .navbar-header #logo img,
.navbar .container .logo-toggle #logo img,
.navbar .container .navbar-header #logo img {
  width: 200px;
  max-height: unset;
}

header .container .logo-toggle .navbar-toggle,
header .container .navbar-header .navbar-toggle,
.navbar .container .logo-toggle .navbar-toggle,
.navbar .container .navbar-header .navbar-toggle {
  padding-left: 50px;
  border: none;
  height: 50px;
}

header .container .logo-toggle .navbar-toggle .icon-bar,
header .container .navbar-header .navbar-toggle .icon-bar,
.navbar .container .logo-toggle .navbar-toggle .icon-bar,
.navbar .container .navbar-header .navbar-toggle .icon-bar {
  background-color: #2B5B6C;
}

/*controls words in header (i.e. Action Signup Login)*/
.navbar-nav>li>a {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  margin-top: 14px;
  font-weight: 600;
  color: #2B5B6C !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 15px !important;
}

header .container ul>li>a:hover,
header .container .navbar-nav>li>a:hover,
.navbar .container ul>li>a:hover,
.navbar .container .navbar-nav>li>a:hover {
  color: #fff;
  background-color: #2B5B6C;
}

header .container .logo-toggle .navbar-toggle:hover,
header .container .logo-toggle .navbar-toggle:focus,
header .container .logo-toggle .navbar-toggle:active,
header .container .navbar-header .navbar-toggle:hover,
header .container .navbar-header .navbar-toggle:focus,
header .container .navbar-header .navbar-toggle:active,
.navbar .container .logo-toggle .navbar-toggle:hover,
.navbar .container .logo-toggle .navbar-toggle:focus,
.navbar .container .logo-toggle .navbar-toggle:active,
.navbar .container .navbar-header .navbar-toggle:hover,
.navbar .container .navbar-header .navbar-toggle:focus,
.navbar .container .navbar-header .navbar-toggle:active {
  background-color: unset;
}

header .container ul>li.donate-nav-item,
header .container .navbar-nav>li.donate-nav-item {
  display: none;
  padding: 0 20px;
  color: #ffff20;
}

header .container ul>li.donate-nav-item a,
header .container .navbar-nav>li.donate-nav-item a,
.navbar .container ul>li.donate-nav-item a,
.navbar .container .navbar-nav>li.donate-nav-item a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  border-radius: 0;
  padding: 6px 24px;
  color: #fff;
}

header .container ul>li.donate-nav-item a::after,
header .container .navbar-nav>li.donate-nav-item a::after,
.navbar .container ul>li.donate-nav-item a::after,
.navbar .container .navbar-nav>li.donate-nav-item a::after {
  content: unset;
}

header .container ul>li.donate-nav-item a:hover,
header .container .navbar-nav>li.donate-nav-item a:hover,
.navbar .container ul>li.donate-nav-item a:hover,
.navbar .container .navbar-nav>li.donate-nav-item a:hover,
header .container ul>li .dropdown-menu,
header .container .navbar-nav>li .dropdown-menu,
.navbar .container ul>li .dropdown-menu,
.navbar .container .navbar-nav>li .dropdown-menu {
  background-color: #2B5B6C;
}

header .container ul>li .dropdown-menu li a,
header .container .navbar-nav>li .dropdown-menu li a,
.navbar .container ul>li .dropdown-menu li a,
.navbar .container .navbar-nav>li .dropdown-menu li a {
  transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  color: #fff;
  font-size: 18px;
  text-transform: none;
  font-family: "Varisse Sans", sans-serif;
}

header .container ul>li .dropdown-menu li a:hover,
header .container .navbar-nav>li .dropdown-menu li a:hover,
.navbar .container ul>li .dropdown-menu li a:hover,
.navbar .container .navbar-nav>li .dropdown-menu li a:hover {
  color: #94a3aa;
}

nav.navbar {
  height: auto;
}

.navbar {
  background-color: #EFE4CE;
}

.navbar-toggler {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32px'%3e%3cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z'/%3e%3c/svg%3e");
	--bs-border-width: 0;
	--bs-navbar-toggler-focus-width: 0;
}

.navbar-toggler-icon {
	width: 32px;
	height: 32px;
}

/*Sign Up Page Header*/
.navbar-nav {
  color: #2B5B6C;
  font-size: 20px;
}

.nav-item>a {
  color: #2B5B6C;
}

/*controls logo on action page*/
.navbar-header>#logo img {
  transform: scale(1.5);
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 50px;
}

/* Main Content Styles */
main.button-set-primary {
  padding-top: 0;
}

main .section-navigation .rounded-circle,
main .card-section .badge {
  background-color: #CC3D46;
}

main .card-section .section-title .fa {
  color: #CC3D46 !important;
}

main .card-section .button-nav-container button svg {
  border-color: #CC3D46;
  fill: #CC3D46;
}

main .form-section>div,
main .form-section>div form,
main .action-section {
  background-color: #2B5B6C;
}

main .form-section>div .new-user {
  color: #fff;
}

main .action-section .action-buttons a {
  border-color: #CC3D46;
  background-color: #CC3D46;
  border: 3px solid #CC3D46;
  color: #fff !important;
}

main .action-section .action-buttons a:hover {
  border-color: #fff;
  background-color: transparent;
}

main .action-section #toggleButtonViewAll,
.petition-imagery h1,
.petition-imagery h2,
.petition-imagery h3,
.petition-imagery h4,
.petition-imagery h5 {
  color: #fff;
}

/* Miscellaneous Styles */
.lead {
  font-family: "Varisse Sans", sans-serif;
  font-weight: 800;
  color: #CC3D46;
  font-style: italic;
}

.image-tag span {
  background-color: #2B5B6C;
}

.nav-tabs .active a {
  color: #2B5B6C !important;
  border-bottom-color: #2B5B6C !important;
}

.thumbnail {
  margin-top: 20px;
}

.fb-btn-unlinked,
.tw-btn-unlinked {
  font-size: 13px;
}

#bs-example-navbar-collapse-1 {
  background-color: #EFE4CE;
}

.special-selector-fill-viewport.themed-content-page-container {
  flex-direction: column;
}

/* Volunteer Styles */
.volunteer-stats strong {
  color: #2B5B6C;
}

.volunteer-panel .btn:hover {
  color: #2B5B6C !important;
  border-color: #2B5B6C !important;
}

.volunteer-panel .volunteer-name {
  margin-top: 20px;
  padding: 50px;
}

/* Footer Styles */
footer .text-left {
  text-align: left;
}

footer {
            background: var(--cva-tan);
            padding: unset;
            font-family: Arial;
            opacity: 1; /* temporary for old home page only */
        }

            footer .cva-top-footer {
                padding-top: 2em;
                padding-bottom: 3.5em;
            }

        footer h6 {
            line-height: 24px;
            font-size: 1.125rem;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--cva-blue);
            font-family: Arial;
        }

        footer ul {
            list-style-type: none;
        }

        footer a {
	        color: var(--cva-blue);
        }

        footer a[href="https://cv4a.org/about-cva"]:hover {
	        color: var(--cva-blue-darker);
        }

        .footer-columns {
            display: flex;
        }

        .cva-footer-header .star-container {
            display: inline-block;
        }

        .cva-footer-header object, .cva-footer-header svg {
            width: 15px;
            position: relative;
            top: -1px;
            fill: var(--cva-blue);
        }

        .cva-footer-header .text {
            margin: 0 20px;
            font-size: 21px;
        }
        
        .footer-logo {
            flex-basis: min-content;
            flex-grow: 1;
        }

        .cva-footer-submenu {
            flex-basis: min-content;
            flex-grow: 2;
        }

        .cva-footer-submenu ul {
	        padding: 0;
	        margin: 0 0 18px;
	        list-style-image: none;
	        font-size: 1rem;
        }
        
        .cva-footer-submenu p {
    		color: var(--cva-gray);
    		line-height: 18px;
    		font-size: 13px;
    	}

        .cva-footer-submenu a {
	        color: var(--cva-blue);
	        text-decoration: underline;
        }

        .cva-footer-submenu a:hover {
	        color: var(--cva-blue-darker);
        }

            .cva-footer-submenu .title {
                color: var(--cva-blue);
                font-weight: 600;
                margin-bottom: 10px;
                font-size: 1.2em;
                padding-top: 7px;
            }

        .footer-buttons-block {
            flex-basis: min-content;
            flex-grow: 1;
        }

        .show-for-small-down {
            display: none;
        }

        @media (max-width: 480px) {
            .footer-columns {
                flex-direction: column;
            }

            .footer-logo {
                padding: 30px;
            }

            .show-for-small-down {
                display: block;
            }

            .show-for-medium-up {
                display: none;
            }
        }

        .footer-columns a.button {
            color: #FFFFFF;
            font-weight: 700;
            margin: 0;
            text-transform: uppercase;
        }

        .footer-columns a.button.tiny {
	        font-size: 1rem;
            padding: 0.625rem 20px;
	        line-height: normal;
            border: 0.1875rem solid var(--cva-red);
            letter-spacing: 0.15625rem;
            background: var(--cva-red);
        }

        .footer-columns a.button.tiny.blue {
	        border-color: var(--cva-blue);
        }

        .footer-columns a.button.ghost {
            background: transparent;
            color: var(--cva-blue);
            border-color: var(--cva-blue);
        }

        .footer-columns a.button.ghost.red {
            border-color: var(--cva-red);
            color: var(--cva-red);
        }

        .footer-columns a.button.ghost.gray {
            border-color: #94a3aa;
            color: #94a3aa;
            display: inline-block;
        }

        .footer-columns a.button.tiny:hover {
	        color: #FFFFFF;
	        background: var(--cva-red-darker);
	        border-color: var(--cva-red-darker);
        }

        .footer-columns a.button.tiny.blue.ghost:hover {
	        color: var(--cva-blue-darker);
            background: transparent;
        }

        .footer-columns a.button.blue:hover {
	        border-color: var(--cva-blue-darker);
	        text-decoration: none;
        }

        .footer-columns a.button.tiny.blue:not(.ghost) {
	        background: var(--cva-blue);
        }

        .footer-columns a.button.tiny.blue:not(.ghost):hover {
	        background: var(--cva-blue-darker);
        }

        .footer-button-same-size {
	        width: 180px;
	        display: inline-block;
        }

        .cva-footer-social .inline-list {
            display: flex;
            justify-content: center;
            padding-left: 0;
            gap: 10px;
        }

        .cva-footer-social .circle {
            border: 2px solid var(--cva-blue);
            width: 30px;
            height: 30px;
            cursor: pointer;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 50%;
            text-align: center;
            padding: 15px;
        }

            .cva-footer-social .circle.twitter {
                background-size: 55%;
                background-image: url(https://cv4a.org/wp-content/themes/cva_master/assets/svg/twitter.svg);
            }
            .cva-footer-social .circle.facebook {
                background-size: 35%;
                background-image: url(https://cv4a.org/wp-content/themes/cva_master/assets/svg/facebook.svg);
            }
            .cva-footer-social .circle.instagram {
                background-size: 100%;
                background-image: url(https://cv4a.org/wp-content/themes/cva_master/assets/svg/instagram.svg);
            }

        footer .cva-bottom-footer {
            background: var(--cva-blue);    
        }

        footer .cva-bottom-footer * {
            color: #fff;
        }

        footer .cva-bottom-footer p {
            padding-top: 16px;
            margin-bottom: 1.25rem;
            font-size: 11px;
        }

        @media (max-width: 480px) {
            footer .cva-bottom-footer {
                padding: 10px 0;
            }

            footer .cva-bottom-footer p {
                margin: 0;
                padding: 0;
                line-height: 16px;
            }

            .privacy-policy-ct {
                margin-bottom: 5px;
                margin-top: 5px;
            }
        }



/* Media query Styles */
@media (max-width: 767px) {
  footer .small-only-text-center {
    text-align: center;
  }

  header .container ul>li>a,
  header .container .navbar-nav>li>a,
  .navbar .container ul>li>a,
  .navbar .container .navbar-nav>li>a,
  header .container ul>li>a:hover,
  header .container .navbar-nav>li>a:hover,
  .navbar .container ul>li>a:hover,
  .navbar .container .navbar-nav>li>a:hover,
  header .container ul>li .dropdown-menu li a,
  header .container .navbar-nav>li .dropdown-menu li a,
  .navbar .container ul>li .dropdown-menu li a,
  .navbar .container .navbar-nav>li .dropdown-menu li a {
    color: #fff;
  }

  header .container::before,
  header .container::after,
  .navbar .container::before,
  .navbar .container::after {
    content: "";
  }

  header .container .logo-toggle,
  header .container .navbar-header,
  .navbar .container .logo-toggle,
  .navbar .container .navbar-header {
    padding: 0 5px;
    height: auto;
  }

  .volunteer-name {
    margin-top: 50px;
  }

  .navbar-toggle .collapsed {
    margin-bottom: -25px;
  }
}

/* https://cv4a.actcentr.com/indexnew. For hidding the 'Attend Events' using the href Id unique . */
#actions-section-nav > div > a[href="#actiontab_2558-section"] {
  display: none;
}

/* https://cv4a.actcentr.com/indexnew . For hidding the 'Attend Events' section. */
#actiontab_2558-section {
  display: none;
}

.event-title-container h1, .event-subheader {
    font-family: "Varisse Sans", sans-serif;
    color: var(--secondary-color) !important;
}

 /*# sourceMappingURL=style.css.map */