/*Knappar till Högskolan i Halmstad*/

/*Primär knapp*/
.button-primary-normal a {
   display: inline-block;
   padding: 6px 1em;
   max-width: 340px;
   min-width: 242px;
   font-size: 16px;
   text-align: center; 
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #fff!important;
   background-color: #004985;
   font-family: "Open Sans";
   font-weight: 600;
   cursor: pointer;
   border: solid 2px #004985;
}

.button-primary-normal a:hover,
.button-primary-normal a:focus {
   background-color: #266497;
   border-color: #266497;
}

.button-primary-normal.disabled a,
.button-primary-normal[disabled] a,
.button-primary-normal a.disabled,
.button-primary-normal a[disabled] {
   background-color: #999999;
   border-color: #999999;
   pointer-events: none;
   cursor: not-allowed;
}

.button-primary-normal .sv-linkicon {
   display: none;  
}

/*Sekundär knapp*/
.button-secondary-normal a {
   display: inline-block;
   padding: 6px 1em;
   max-width: 340px;
   min-width: 242px;
   font-size: 16px;
   text-align: center; 
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #004985;
   background-color: #fff;
   font-family: "Open Sans";
   font-weight: 600;
   cursor: pointer;
   border: solid 2px #004985;
}

.button-secondary-normal a:hover,
.button-secondary-normal a:focus {
   background-color: #004985;
   color: #fff;
   border-bottom: 2px solid #266497 !important;
}

.button-secondary-normal.disabled a,
.button-secondary-normal[disabled] a,
.button-secondary-normal a.disabled,
.button-secondary-normal a[disabled] {
   border-color: #999999;
   color: #999999;
   pointer-events: none;
   cursor: not-allowed;
}

.button-secondary-normal .sv-linkicon {
   display: none;
}



/* Tillägg: Stor knapp */
.button-large a {
   min-width: 290px;
   max-width: 340px;
   padding: 10px 1em;
}

/* Citat*/
.hh-quote p {
   color: #004985; 
   font-family: "Open Sans"; 
   font-size: 24px; 
   font-style: italic; 
   line-height: 40px;
}


/* Checkbox */
.hh-checkbox__container {
   display: block;
   position: relative;
   padding-left: 23px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 16px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


/* Hide the browser's default checkbox */
.hh-checkbox__container input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

/* Set focus */
.hh-checkbox__container.focus span:after {
   -webkit-box-shadow: 0 0 4px rgba(99, 158, 254, 1);
    box-shadow: 0 0 4px rgba(99, 158, 254, 1);
}

/* Create a custom checkbox */
.hh-checkbox__container .hh-checkbox__container-checkmark:after {
   content: "";
   background-image: url('/images/18.3252fcc5165f6c51bf61dcfa/1537511611439/hh-checkbox.svg');
   background-size: 16px;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 3px;
   z-index: 98;
   display: block;
   width: 16px;
   height: 16px;
}

/* On mouse-over, add a grey background color */
.hh-checkbox__container:hover input ~ .hh-checkbox__container-checkmark {
   background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.hh-checkbox__container input:checked ~ .hh-checkbox__container-checkmark {
   background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.hh-checkbox__container-checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.hh-checkbox__container input:checked ~ .hh-checkbox__container-checkmark:after {
   background: #004985;
   z-index: 9;
}

/* Show the checkmark when checked */
.hh-checkbox__container input:checked ~ .hh-checkbox__container-checkmark:before {
   display: block;
   content: "";
   background-image: url('/images/18.7db027ef1667c2a35602dfa7/1539786810004/hh-check-icon-white.svg');
   background-size: 12px;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 3px;
   margin: 2px;
   z-index: 99;
   width: 16px;
   height: 16px;
}