/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body {
    background-color: #fbfbfa;
}

.tabs.primary {
  margin-top: 50px;
}

h2.toggle-container-button {
    border: 1px solid #d41d28;
    border-radius: 0;
    margin-bottom: 0 !important;
    padding: 0.3em;
	padding-left: 1em;
	cursor: pointer;
}
h2.toggle-container-button:active {	
    background: red;
}
.toggle-heading-bg{
	background-color: #d41d28;
	color: #FFFFFF;
}
.toggle-container-body {
    /*padding: 1em 2em;*/
}
.main-toggle-container {
    margin-bottom: 1em;
}
.center-div {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.quote-center {
    font-size: 1.4em;
}
.auth-bio {
    font-size: 1.2em;
    font-style: italic;
    margin-left: .9em;
}
.toggle-container-body-wrap {
    padding: 1em 2em;
}
.questions {
	font-size: 1.2em;
}

.hide-element{
	display: none !important;
}

.page-node-done .webform-confirmation {
    padding: 15em 0 !important;
}
.button--red {
    background: #d41d28;
	color: #ffffff;
}

@media screen and (min-width: 48em) {
  .footer__menu-list {
    margin: 0 1.5em 1.0em 0;
  } 
}

/* Webform components */

#webform-client-form-15560 .govinda-fieldset {
    display: none;
}

#webform-client-form-15560 .form-actions {
    display: none;
}

.form-item-submitted-sign-me-up-as {
    display: inline-block;
}

.form-item-submitted-sign-me-up-as  input[type="radio"] {
    padding: 0;
    opacity: 0;
	display: none;
}

.form-item-submitted-sign-me-up-as  label.option {
    padding: .5rem 1rem;
    border-width: 2px;
    border-style: solid;
    border-color: #d41d28;
    border-width: 2px;
    cursor: pointer;
}

.form-item-submitted-sign-me-up-as input[type="radio"]:checked ~ .option, .form-item-submitted-sign-me-up-as input[type="radio"]:hover  ~ .option {
    border-color: #d41d28;
    background-color: #d41d28;
    color: #FFF;
}

.webform-client-form {
    top: -3.5em;
}

.webform-component--sign-me-up-as {
    text-align: center;
}

/* Webform components END */

.button-subscribe {
    margin: 1em 0 2em 0;
}

/* Adding extra margin for body content */

.field-item.even {
    max-width: 60.6667em;
    margin-left: auto;
    margin-right: auto;
}


.view-display-id-block {
    max-width: 60.6667em;
    margin-left: auto;
    margin-right: auto;
}

/* */

.column-style ul {
    display: flex;
    flex-flow: wrap;
    margin: 0;
    list-style: none;
}

.column-style ul li {
	width: 50%;
	padding: 20px;
	list-style: none;
}

@media screen and (min-width: 48em){
	.column-style ul li {
		width: 30%;
		padding: 20px;
		list-style: none;
	}
}

.fb-profile-frame {
    width: 15rem;
}



/* Button */



.riswmButtonDownload {
    display: inline-block;
    position: relative;
    padding: 7px;
    background-color: #d41d28;
    color: white;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 1em;
    text-align: right;
    text-indent: 15px;
    margin-top: 8px;
	width: 100%;
}

@media screen and (min-width: 48em){
	.riswmButtonDownload {
		text-align: center;
	}
}

.riswmButtonDownload:hover {
	background-color: #333;
	color: white;
}

.riswmButtonDownload:before, .riswmButtonDownload:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.riswmButtonDownload:before {
    width: 30px;
    height: 9px;
    border-style: solid;
    border-width: 0 3px 3px;
    margin-left: 0;
}

@media screen and (min-width: 48em){
	.riswmButtonDownload:before {
		margin-left: 13%;
	}
}

/* Download arrow shape */
.riswmButtonDownload:after {
    width: 0;
    height: 0;
    margin-left: 5%;
    margin-top: -7px;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
    animation-play-state: paused;
}

@media screen and (min-width: 48em){
	.riswmButtonDownload:after {
		margin-left: 16%;
	}
}

.riswmButtonDownload:hover:before {
	border-color: #d41d28;
}

.riswmButtonDownload:hover:after {
	border-top-color: #d41d28;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}
	
	0.001% {
		margin-top: -15px;
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		margin-top: 0;
		opacity: 0;
	}
}

a.riswm-table-link {
    overflow-wrap: anywhere;
}