/*!
Theme Name: Club for Growth
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Club for Growth

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_s is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.post-thumbnail img, .post-thumbnail video{max-width: 100%; height: auto;}
.entry-content blockquote{ word-break: break-word;}
.page .hentry, .single .hentry{ width: 100%; max-width: 790px;margin: 50px auto;}

.breadcrumb-keyvote-2022{
    margin-top: 20px;
}
.breadcrumb-keyvote-2022 .breadcrumb-keyvote{
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumb-keyvote-2022 .breadcrumb-keyvote a{
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #003641;
}
.breadcrumb-keyvote-2022 .breadcrumb-keyvote a:hover{
    color: #038098;
}

.breadcrumb-keyvote-2022 .breadcrumb-keyvote a svg{
    transform: rotate(180deg);
    margin-right: 10px;
    margin-left: 0;
}

.single .keyvotes-2022-single article{
    margin: 0 auto;
}
.keyvotes-2022-single .key-vote-alert-top-section{
    padding-top: 120px;
}
.keyvotes-2022-single .vote-results-section{
    padding-top: 120px;
    padding-bottom: 40px;
}
.keyvotes-2022-single .vote-results-section h2{
    margin-top: 0;
}
.keyvotes-2022-single .key-side.key-side-menu{
    padding-top: 00px;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu{
    padding-top: 300px;
    list-style: none;
    padding-left: 0;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu a{
    color: #979797;
    text-decoration: none;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu a:hover{
    color: #504f4f;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu li{
    border: 0;
    padding-left: 5px;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu li.active{
    border-left: 4px solid #504f4f;
}
.keyvotes-2022-single .key-side.key-side-menu .side-menu li.active a{
    color: #504f4f;
}
.keyvotes-2022-single .key-side.key-side-social ul{
    padding-left: 0;
}
.keyvotes-2022-single .key-side.key-side-social ul a{
    color: #003641;
}

.keyvotes-2022-single .key-side.key-side-social ul a:hover{
    color: #038098;
}
.keyvotes-2022-single .key-side.key-side-social .share-container{
    padding-top: 200px;
}
.key-vote-alert-contain-container {
    position: relative;
    overflow: hidden;
    max-height: 400px;
    transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    margin-bottom: 15px;
}
.key-vote-alert-contain-container:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(#ffffff00 50%,#ffffff);
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
.key-vote-alert-contain-container.expanded:before{
    display: none;
}
.vote-results-section .key-vote-alert-contain-container{
    max-height: 500px;
}


.dropdown-section .card-content .card-body {padding: .75rem 1.25rem;}
.dropdown-section .card-content .card-body p:last-child {margin-bottom: 0;}
.dropdown-section .card-header a {white-space: normal;padding: 0;}




@media (max-width:1199px){
    .keyvotes-2022-single .key-vote-alert-top-section{
        padding-top: 60px;
    }
    .keyvotes-2022-single .vote-results-section{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .keyvotes-2022-single .key-side.key-side-menu .side-menu{
        padding-top: 200px;
    }
    .keyvotes-2022-single .key-side.key-side-social .share-container{
        padding-top: 100px;
    }
}
@media (max-width:991px){
    .keyvotes-2022-single .key-side.key-side-menu .side-menu{
        position: initial !important;
        padding: 0;
    }
    .keyvotes-2022-single .key-side-social{
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        padding: 0;
        height: 100%;
    }
    .keyvotes-2022-single .key-side.key-side-social .share-container{
        padding-top: 50px;
    }
    .single .keyvotes-2022-single article{
        padding-right: 30px;
        padding-left: 0;
    }
    .keyvotes-2022-single .key-side.key-side-menu{
        padding-top: 40px;
    }
    .keyvotes-2022-single .key-side {
        padding-top: 40px;
    }
}
@media only screen and (max-width: 767px){
   .vote-scorecard .description{
        display: block;
    }
	.vote-scorecard .vote-table .position{
		width: 20%;
		flex: unset;
	}
	.vote-scorecard .vote-table .title, .vote-scorecard .vote-table .description{
		width: 30%;
	}

    .dropdown-section .card-content .card-body,.dropdown-section .card-header {padding: .65rem 1.25rem;}
}
@media only screen and (max-width: 580px){
		.vote-scorecard .vote-table .title, .vote-scorecard .vote-table .description, .vote-scorecard .vote-table .position{
			padding: 12px;
	}
	.vote-scorecard .vote-table .title{
		font-size: 14px;
	}
	.vote-scorecard .vote-table .description{
		    font-size: 13px;
	}
	.vote-scorecard .vote-table .position{
		  font-size: 40px;
	}
}