input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 1rem 1.8rem;
    width: 100%;
    font-size: 15px;
}

select{
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 10px;
    width: 100%;
    font-size: 15px !important;
    border: solid 1px #ccc;
}

.gb_groups_buttons_container{
    display: block;
    width: 100%;
    min-height: 100px;
    height: fit-content;
    max-width: 1200px !important;
}

.gb_groups_buttons_container .gb_groups_button_container{
    max-width: 350px;
    width: 350px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 9px;
}

.gb_groups_buttons_container .gb_groups_button_container .gb_groups_button_outer a.gb_groups_button{
    display: block;
    background-color: #fff;
    color: #ff8800;
    padding: 0.84375em 1.3125em 0.78125em;
    text-transform: uppercase;
    border: 5px solid #000;
    border-radius: 0px;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.046875em;
    line-height: 1;
}

.gb_groups_buttons_container .gb_groups_button_container .gb_groups_button_outer a.gb_groups_button img{
    margin-bottom: 7px;
    width: 85px;
    height: 83px;
    display: inline-block;
}

.gb_groups_buttons_container .gb_groups_button_container .gb_groups_button_outer a.gb_groups_button span{
    width: 190px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 70px;
    position: relative;
    font-size: 17px;
    line-height: 22px;
    top: 23px;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.gb_group_sms_form{
    display: block;
    width: 100% !important;
    min-height: 100px;
    height: fit-content;
    max-width: 1200px !important;
}

.gb_group_sms_form .gb_form_field{
    width: 80%;
    margin: 15px auto;
}

.gb_group_sms_form .gb_form_field h2{
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
}

.gb_group_sms_form .gb_form_field h2:before{
    display: none;
}

.gb_group_sms_form .gb_form_field b{
    display: block;
    font-size: 15px;
    font-family: sans-serif;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
    font-weight: 600;
}

.gb_group_sms_form .gb_form_field i{
    font-size: 14px;
    font-family: sans-serif;
    color: #9c9a9a;
}

.gb_group_sms_form .gb_form_field label{
    display: block;
    line-height: 1;
}

.gb_group_sms_form .gb_form_field label input[type="checkbox"]{
    height: 17px;
    margin-right: 5px;
}


.gb_group_sms_form .gb_form_field label span.gb_user_view{
    position: relative;
    bottom: 1px;
    font-size: 13px;
    font-family: sans-serif;
}

.gb_group_sms_form .gb_form_field input[type="text"].readonly{
    background: #e5e5e5;
}

.gb_group_sms_form .gb_form_field input[type="text"], .gb_group_sms_form .gb_form_field textarea{
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    font-size: 23px;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 10px 10px;
    width: 100%;
    max-height: 45px;
    height: 25px;
    box-sizing: content-box;
}

.gb_group_sms_form .gb_form_field textarea{
    max-height: 200px;
    min-height: 150px;
}

.gb_group_sms_form .gb_form_field .btn_sms_send{
    background: #de9243;
    color: #fff;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    width: 150px;
    border: 2px solid #de9243;
    transition: all 0.2s linear 0s;
    text-transform: uppercase;
}

.gb_group_sms_form .gb_form_field .btn_sms_send:hover{
    background: #fff;
    color: #de9243;
}

.gb_groups_responses_container .gb_groups_response_container{
    
}


.gb_groups_responses_container .gb_groups_response_container .gb_groups_response_button{
    width: 100%;
    background: #fff;
    border: 4px solid #000;
    color: #cd3232;
    margin-top: 10px;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 18px;
    border-radius: 0px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.gb_groups_responses_container .gb_groups_response_container .gb_groups_response_button.btn_help{
    color: #00bf00;
}

.gb_groups_responses_container .gb_groups_response_container .gb_groups_response_button.btn_try_help{
    color: orange;
}

.field_err{
    color: #cd3232;
    font-size: 14px;
}

/*Action Card*/

.action_cards_container{
    width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
    text-align: center;
}

.action_cards_container .action_card{
    display: inline-block;
    width: 30%;
    text-decoration: none !important;
    color: #000;
    cursor: pointer;
    box-shadow: 0px 0px 15px #d4d4d4;
    border: 0px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 10px;
    background: #fff;
    vertical-align: top;
    margin-top: 20px;
    text-align: left;
}

.action_cards_container .action_card a{
    box-shadow: unset;
}

.action_cards_container .action_card:hover{
    display: inline-block;
    /*width: 30%;*/
    text-decoration: none !important;
    color: #000;
    cursor: pointer;
    box-shadow: 0px 0px 15px #d4d4d4;
    border: 0px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    /*margin-left: 10px;*/
    background: #fff;
}

.action_cards_container .action_card:hover .action_card_title{
    text-decoration: underline;
}

.action_cards_container .action_card .action_card_title a{
    color: #000 !important;
}

.action_cards_container .action_card .action_card_image img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0px 0px;
}



.action_cards_container .action_card .action_card_caption{
    padding: 0px 10px;
    padding-top: 10px;
}

.action_cards_container .action_card .action_card_caption .action_card_title{
    margin: 0px 0px 7px 0px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

.action_cards_container .action_card .action_card_caption .action_card_excerpt{
    margin-bottom: 30px;
    line-height: 1.3;
    font-size: 12px;
    color: #909090;
    font-family: sans-serif;
}

/*Table CSS*/



table{ 
    width: 750px; 
    border-collapse: collapse; 
    margin:50px auto;
}

.responsive_table{
    width: 100%;
    max-width: 100% !important;
}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

.field{
    margin: 15px 0px;
    display: block;
}

.field label{
    font-weight: 600;    
}

.gb_single_btn{
    
}
.gb_single_btn a{
    border: 2px solid #333 !important;
    padding: 0px !important;
    display: inline-block !important;
}

.gb_groups_buttons_container .gb_single_btn a.gb_groups_button span{
    width: max-content !important;
    height: max-content !important;
    top: 0px !important;
    padding: 12px 20px;
    background: #333;
    color: #fff !important;
    font-weight: 600 !important;
    cursor: pointer;
}

@media screen and (min-width: 44.375em){
    .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets{
        margin-right: 0px !important;
    }    
}

@media screen and (min-width: 56.875em){
    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

@media screen and (min-width: 61.5625em){
    .entry-content{
        width: 100% !important;
        display: block;
    }
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	    width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

    .tab_username{
        background: #007cba;
        color: #fff;
        font-weight: 700;
    }
}

@media only screen and (max-width: 1000px){
    .action_cards_container .action_card{
        width: 45%;
    }
}

@media only screen and (max-width: 570px){
    .action_cards_container .action_card{
        width: 100%;
        margin-left: 0px;
    }
    
    .action_cards_container .action_card .action_card_image img{
        width: 100%;
    }
}

@media only screen and (max-width: 370px){
    .action_cards_container .action_card .action_card_image img{
        height: auto;
    }
}

/* Country code dropdown styling */
.field.gb_phone_number {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.field.gb_phone_number label {
    width: 100%;
    flex-basis: 100%;
}

.field.gb_phone_number .country_code {
    width: auto;
    min-width: 110px;
    flex-shrink: 0;
}

.field.gb_phone_number .phone_number {
    flex: 1;
    min-width: 150px;
}