/*
 Theme Name:   AMGA Theme
 Theme URI:    http://amga.com
 Description:  NONPROFIT Child Theme
 Author:       SOF Inc
 Author URI:   http://sofcorp.com
 Template:     amga
 Version:      1.0.0
*/

@import url("../amga/style.css");
/* hide reviews on the Name Your Price Page */
.page-id-18353 .woocommerce-tabs.wc-tabs-wrapper {
    display: none !important;
}
body.custom-background{
    backface-visibility: hidden;
}

p, .postarea ul li {
font-family: "Raleway", arial, sans-serif;
font-size: 1.2em;
}
.hpanel ul li,
.postarea > ul li {
    list-style-type: square;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
#crm-container ul li {
    list-style-image: none;
    list-style-type: none;
    text-indent: initial;
}

#toplinks .links {
    color: white;
}
#toplinks .links a.logout {
    font-weight: normal;
    color: white !important;
}
#toplinks .links a.logout:hover {
    color: rgb(255, 223, 0) !important;
}
#toplinks .links a {
    color: rgb(255, 223, 0) !important;
    font-weight: bold;
    position: relative;
    top: 1px;
}

ul#gform_fields_3 input {
    box-sizing: border-box;
}

ul#gform_fields_3 select {
    height: 38px;
}

/**
 * Copied existing styling of of Google Fonts plugin
 */
#navigation {
    top: 65px
}
#header {
    top: 6px
}
.wp-caption img {
    padding: 6px 6px 0px 6px!important
}
.textwidget #soci {
    width: 30px!important
}
.menu li {
    white-space: nowrap
}
.tablepress thead {
    background-color: #d9edf7
}
.idq-hacc ul li ol li {
    font-size: 1.2em!important
}
.idq-hacc ul li ul li {
    font-size: 1em!important
}
#about_heading_container p {
    font-size: 1.3em!important
}
#about_heading_container {
    color: #4a4a4a!important
}
 #about_heading_container li {
     font-family: "Raleway", arial, sans-serif !important;
     margin: none!important;
     font-size: 1.3em!important;
 }
 #about_heading_container a {
     font-size: .9em!important
 }
.menu ul ul,
ul.menu ul {
    width: 275px!important
}
[class*="column"] + [class*="column"]:last-child {
    float: left!important
}
#toplinks #soc {
    position: relative;
}
a.topsoc {
}
#toplinks {
  float: right;
  display: inline-block;
  text-align: right;
  line-height: 1.2;
	margin-top: 15px
}
.links {
	display: block;
	font-size: .9em;
	margin-bottom: 6px;
}
a.wptopbar {
  color: #fff!important;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.postarea ol li {
  font-family: "Raleway", arial, sans-serif !important;
	font-size: 1.2em!important;
}

.headline {
    font-weight: normal!important
}
.homepage.bottom .ui-tabs .ui-tabs-nav li a {
    font-family: "Raleway", arial, sans-serif!important;
    font-size: 600!important;
    font-size: .9em!important;
}
.organic-btn span.btn-holder {
    font-family: "Raleway", arial, sans-serif!important
}

.textwidget p {
    line-height: 1.5!important
}
#s {
	height: 33px;
}
#searchform {
	clear: both;
	padding-top: 4px;
}
.header-search {
    top: 19px!important
}

/**
 * Global Styling
 */
.container form select{
    width: inherit;
}

/**
 * Fix for layering the Civi modal window *above* theme elements
 */
.ui-front.crm-container {
    z-index: 9999 !important;
}

/* WooCommerce Styles*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: rgb(239, 103, 79);
	color: white !important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color: #ED553B;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
	line-height: 1;
	padding: 10px 14px;
	vertical-align: middle;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: inherit !important;
	padding: 6px 10px !important;
}
dl.variation dd,
dl.variation dd p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.8 !important;
}
.checkout h3 {
	font-size: 1.2em;
}
.woocommerce .quantity .qty {
	padding: 4px 0px !important;
	margin: 0;
}

/**
 * Add background for homepage 'About' box... finally!
 */
.homepage.bottom .six.columns:first-child {
    background-color: rgba(255, 255, 255, 0.89);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgb(184, 182, 182);
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.05);
}

/**
 * Civi Frontend Forms
 */
.crm-container .crm-profile-id-19 .crm-section .label {
	width: 580px;
	text-align: left;
	padding-top: 0 !important;
}
.crm-container .crm-profile-id-19 .description {
	margin-left: 0 !important;
}
.crm-container .crm-profile-id-12 .crm-section .label {
	display: block;
	float: none;
	width: 200px;
	text-align: left;
}
.crm-container .crm-profile-id-12 .crm-section .content {
	margin-left: 0;
}
#crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select{
    padding: 5px !important;
}
.container form input[type='submit'] {
    height: inherit;
}

/**
 * Hide first column on Hire a Guide search results
 */
.crm-profile-name-Find_A_Guide_31 .crm-search-results th:first-child,
.crm-profile-name-Find_A_Guide_31 .crm-search-results td:first-child{
    display: none;
}

 /**
  * Lamo button restyling
  */
#crm-container a.button,
#crm-container a.button:link,
#crm-container a.button:visited,
#crm-container .crm-button,
#crm-container .crm-button {
	background: grey !important;
	border: none !important;
	margin: 1em 0 !important;
	padding: 0.4em !important;
	margin-right: 20px !important;
}
#crm-container .crm-button:hover,
#crm-container .crm-button:focus,
#crm-container a.button:hover,
#crm-container a.button:focus,
#crm-container .crm-button:hover,
#crm-container .crm-button:focus {
	background: rgb(88, 88, 88) !important;
}
div.crm-submit-buttons {
	overflow: hidden;
	height: auto !important;
}
a.action-item.crm-hover-button {
    color: #2786c2 !important;
    padding: 0 5px !important;
    display: inline-block !important;
    border: none !important;
}
a.action-item.crm-hover-button:hover {
    text-decoration: underline !important;
    background: none !important;
    border-radius: 0 !important;
}
div#printer-friendly {
    display: none;
}


/* myAMGA page specific styling */
.post-7743 .responsive-tabs .responsive-tabs__panel {
    padding-bottom: 20px;
}
.crm-submit-buttons{
    text-align: center;
}
.post-7743 .ui-accordion .ui-accordion-header {
    transition: all .3s ease;
    background-color: #f4eee9;
    border-radius: 3px;
    border: none;
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 0.5em;
    outline: none;
}
.post-7743 .ui-accordion .ui-accordion-header:hover,
.post-7743 .ui-accordion .ui-accordion-header.ui-accordion-header-active {
    background-color: #E0E9EA;
    box-shadow: 1px 1px 2px rgba(0,0,0,.26);
}
.post-7743 .ui-accordion .ui-accordion-content{
    border: none;
    margin-bottom: 1em;
}
.post-7743 [for="custom_290_opt_out"]{
    display: none;
}
.post-7743 #crm-container.crm-public .label {
    width: 25%;
    padding-right: 10px;
}
.post-7743 .crm-container .description {
    width: 100%;
    margin: 0px !important;
}
.post-7743 .container form textarea {
    width: 87% !important;
}
@media screen and (max-width: 900px){
    .post-7743 .responsive-tabs .responsive-tabs__list__item {
        font-size: 0.6em !important;
    }
}

.wp-tab-content {
	padding: 0 10px;
}

/* Style fixes for supporter membership form */
.page-id-8373  [name="price_41"]{
    margin: 10px 0!important
}
.page-id-8373  [name="price_41"] + span.price-field-amount {
    display: none;
}
.page-id-8373  [name="price_34"] {
    display: none;
}
.page-id-8373  [name="price_34"] + label {
    padding-top: 10px !important;
    line-height: 1.9;
}

/* Style for professional membership page */
.page-id-148 .crm-container .crm-section .content {
    width: 60%;
    margin-left: 29%;
}
.page-id-148 #crm-container.crm-public .label {
    width: 27%;
}
.page-id-148 .crm-form-date {
    width: 20% !important;
    float: left;
}
.page-id-148 .crm-section.credit_card_exp_date-section {
    line-height: 0;
}
.page-id-148 .crm-section.credit_card_exp_date-section .label {
    line-height: 2;
}
.page-id-148 input#CIVICRM_QFID_25_8 {
    display: none;
}
.page-id-148 #crm-container.crm-public input[type="text"] {
    width: 70%;
}
#cc_form_1 {
    padding: 0px!important;
    margin-bottom: 0px;
    margin-top: 0pxm;
}
.code-of-ethics__list{
    padding: 0 1em;
}
.code-of-ethics__list__item {
    position: relative;
}
.code-of-ethics__list__item input[name^='ethicsCheck'] {
    position: absolute;
    left: -45px;
    font-size: 20px;
    top: 3px;
}
.code-of-ethics__list__item span.crm-error{
    line-height: 1.6;
    display: block;
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 6px;
    border: 1px dotted red !important;
    margin-top: -8px;
}

/* Login form /my-amga/auth */
form#loginform .input    {
    width: 100%;
    box-sizing: border-box;
}
.login-username {
    padding-top: 0;
}
p.login-remember {
    float: right;
    position: relative;
    top: -10px;
}
p.login-submit {
    clear: both;
    position: relative;
    top: -20px;
}
.login-submit .button-primary {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
    width: 100%;
}
.login-submit .button-primary:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
.login-submit .button-primary:active {
    position:relative;
    top:1px;
}
/* Widget Accordion */
.widget ul.sub-menu {
    background-color: transparent !important;
}

.widget ul.sub-menu li a {
    color: #99CC00 !important;
}

.crm-container .crm-section .label {
font-weight: bold;
}

/* Accordions Plus */
.wf-active .idq-hacc h3.idq-header {
    font-size: 13px !important;
}
.idq-state-active .wp-tab-content{
    overflow-y: scroll;
}

/* AMGA Notice/Warnings */
.myamga-alert {
    background-color: rgb(255, 86, 86);
    padding: 1em 2em;
    font-size: 15px;
    border: 1px solid rgb(186, 13, 13);
    border-radius: 3px;
    color: white;
    font-weight: bold;
    text-align: center;
}
.myamga-notice {
    background-color: rgb(222, 223, 182);
    padding: 1em 2em;
    font-size: 15px;
    border: 1px solid rgb(162, 186, 13);
    border-radius: 3px;
    color: rgb(100, 107, 41);
    font-weight: bold;
    text-align: center;
}
.myamga-alert a,
.myamga-notice a{
    color: black !important;
}

.organic-modal {
    max-height: 50vh;
    margin-top: inherit !important;
    margin-left: initial !important;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    overflow-x: hidden;
}

.organic-modal a.close-modal {
    top: 15px !important;
    right: 0px !important;
}

@media screen and (min-width: 600px){
    .organic-modal {
        max-width: 75vw;
        width: 100%
    }
}

@media screen and (max-width: 599px){
    .organic-modal {
        max-width: none;
        width: 85%;
    }
}


/* General Responsive stuff */
@media only screen and (max-width: 767px) {
    #header .three.columns {
        width: 100% !important;
        float: none;
    }
    #toplinks {
        text-align: center;
        width: 100%;
        float: none;
        display: block;
        line-height: 1.5;
        margin: -20px 0 40px 0;
    }
    #toplinks .links {
        font-size: 1.3em;
        margin: 30px 0 0px !important;
        display: block;
        line-height: 1;
    }
    #toplinks #soc {
        position: static;
        display: block;
        margin-top: 15px;
    }
    .four.columns {
        width: 100% !important;
    }
    .headline {
        font-size: 2rem;
        text-align: center;
    }
}

@media only screen and (max-width: 767px){
	#TB_window{
		width: 100% !important;
		left: 0;
		margin-left: 0 !important;
		height: 100% !important;
		top: 0;
		margin-top: 0 !Important;
		box-sizing: border-box;
	}
}

.sweet-alert * {
	transition: all 1s ease-in-out;
	opacity: 1;
	-webkit-filter: blur(0px);
}
.ajax-loading.sweet-alert * {
	opacity: 0.1;
	-webkit-filter: blur(2px);
}
.ajax-loading.sweet-alert:before {
	position: absolute;
	height:50px;
	width: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	content: '';
	background: transparent url(loader.gif) no-repeat center center;
}


/***************************************************************
 * program evaluation by provider (page id 11700 on amga.com)
 ***************************************************************/
#page-11700 .headline {
    display: none;
}

#page-11700 .gform-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.7em !important;
}


#page-11700 .gform-subtitle {
    font-style: italic;
    font-weight: bold;
}

#page-11700 .gfield {
    margin: 40px 0 0 0;
}


/***************************************************************
 * program evaluation by student (page id 11849 on amga.com)
 ***************************************************************/
#page-11849 .headline {
    display: none;
}

#page-11849 .gform-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.7em !important;
}


#page-11849 .gform-subtitle {
    font-style: italic;
    font-weight: bold;
}

#page-11849 .gfield {
    margin: 40px 0 0 0;
}