/*IMPORTING GOOGLE FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Thasadith:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Calistoga&family=Francois+One&family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');




/*IMPORTING GOOGLE FONTS*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/****DEBUGGING CSS****/

/*div {border:1px solid black;}*/
div {border:none;}
/****DEBUGGING CSS****/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*********************UNIVERSAL STYLINGS**********************************/
 
/********ROOT STUFFS*********/
:root{
    --color-blue-600: #00a1f1;
    --color-boaturblue: #00a1f1;
    /*--color-focus: var(--color-boaturblue);*/
    --color-focus: #00a1f100;
    --color-absolutezero: #fff0;
    --base-border-radius: 10px;
}

textarea {
    
    height:1000px;
    
}
/*****************************/



/**********LOGIN PAGE STYLING*************************************************************************/

body {
    overflow-x:clip;
}

.gin-login {
    font-family: 'Thasadith';
      -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

.gin-login::selection {
  background: #ffffff00;
}

.gin-login input,
textarea,
button,
select,
div,
a {
    -webkit-tap-highlight-color: transparent;
}


body.gin-login .user-form-page .content-header{flex-basis:100%;padding-top:2.25rem;background:transparent; z-index:99;}

.user-form-page__page-title {
       font-family: 'Calistoga'; 
    
}

#user-register-form label {
    font-size: 148%;
}

#user-login-form label {
    font-size: 148%;
}

#edit-field-birth-date-wrapper .label {
    font-size: 148%;
}

#edit-name--description {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

#edit-pass--description {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

#edit-mail--description {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

#edit-pass .password-strength {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}

#edit-pass .password-suggestions {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
    
}

#edit-pass--description {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
    
}


#edit-pass .password-confirm-message {
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
    
}

#edit-field-birth-date-0-value--description {
    font-size:15px;
    font-weight:bold;
    margin-bottom:50px;    
}



#user-pass label {
    font-size: 148%;
}

#user-pass p {
 font-size:15px;
 font-weight:bold;
}    

body.gin-login .user-form-page__page-title {
    font-size: 245%;
    margin-top: 0;
    margin-bottom: 5%;
    width: 100%;
    max-width: 100%;
    text-overflow: unset;
    white-space: normal;
    font-family: 'Calistoga';
    font-weight: normal;
}



body.gin-login .user-form-page__user-form img {
    max-height: 165px;
    margin-left: auto;
    margin-right: auto;
}
#user-register-form #edit-submit{
    width: 100%;
    margin-right: 0;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 2em;
    border:none;
    margin-bottom:25px;
    font-family: 'Calistoga';
    font-weight: normal;
}

#block-seven-content .user-pass #edit-submit {
    width: 100%;
    margin-right: 0;
    background: #00a1f1;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #fff;
    font-size: 2em;
    border:none;
    margin-bottom:25px;
    font-family: 'Calistoga';
    font-weight: normal;
}

body.gin-login .user-login-form .button--primary {
    background: #00a1f1;
    border: none;
    font-size: 245%;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 25px;
    font-family: 'Calistoga';
    font-weight: normal;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}
 
 
body.gin-login .user-form-page .register-button {
    width: 100%;
    margin-right: 0;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 245%;
    padding:10px;
}
body.gin-login .user-form-page .register-button:hover {
    transform: scale(.98);
}

body.gin-login .user-form-page .forgot-password-link {
    display: inline-block;
    margin-top: 10%;
    text-decoration: none;
    font-weight: bold;
}

body.gin-login .user-form-page .forgot-password-link:hover {
    color: #008bd0;
}

body.gin-login .user-form-page .forgot-password-link:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px #00a1f1;
    border-radius: 10px;
}


#user-login-form #edit-name {
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px; 
    
}

#user-login-form #edit-pass {
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px; 
    
}

#user-pass #edit-name {
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px; 
    
}

#edit-mail{
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}

#edit-pass-pass1{
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}

#edit-pass-pass2{
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}

#edit-field-first-name-0-value{
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}

#edit-field-birth-date-0-value-date{
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}


#edit-field-last-name-0-value {
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-size: 20px;
}

    #block-seven-block26termsofservice #overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 99999; cursor: pointer; }
    #block-seven-block26termsofservice #text { position: absolute; border: 2px solid black; padding: 20px; top: 50%; left: 50%; font-size: 15px; color: black; background: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); overflow-y: scroll;/* height: 500px;*/ height: 90%; width: 90%; font-family: thasadith; text-align: justify; }
    #block-seven-block26termsofservice #terms { position: relative; top: -253px; left: 89px; font-size: var(--font-size-s); background: white; cursor: pointer;}


.messages--error {
    color: #fff;
    border: none;
    background-color: #f10000;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight: bold;
    border-radius: 10px;
    background-image: none;
    position: relative;
    z-index: 9999;
    top: -15px;
    margin-left: auto;
}

.messages--error a{
    color: #3d3d3d;
    font-weight: bold;
    font-size: 15px;
    background: #fff1f1;
    padding: 5px;
    border-radius: 10px;
    display: inline-flex;
    margin-left: 5%;
}

.messages--error a:hover{
    text-decoration:none;
    background: #f0d2d2;
}

.messages--status{
    font-weight: bold;
    font-size: 120%;
    color: #0E0618;
    border: none;
    background-color: #a1f100;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    border-radius: 10px;
    background-image: none;
    position: relative;
    z-index: 9999;
    margin-left: auto;
}

/**********LOGIN PAGE STYLING*************************************************************************/


/**********ADMIN DASHBOARD STYLING*************************************************************************/

#block-views-block-total-vessel-status-block-1 {
    position:relative;
    /*margin-top: -5%;*/
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
    
}

#block-views-block-total-vessels-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
 
    
}

#block-seven-views-block-upcoming-departures-block-1 {
    position:relative;
    margin-top:-5%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
 
    
}


#block-seven-views-block-upcoming-arrivals-block-1 {
    position:relative;
    /*margin-top:10%;*/
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
 
    
}

#block-seven-views-block-report-reviews-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
    
}

#block-seven-views-block-invoice-submissions-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
    
}


#block-views-block-refund-requests-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
}

#block-seven-views-block-total-bookings-table-block-1 {
    position: relative;
    margin-top: 10%;
    margin-bottom: 5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight: bold;
 
}

#block-seven-views-block-canceled-refunded-bookings-block-1 {
    position: relative;
    margin-top: 10%;
    margin-bottom: 5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight: bold;   
    
}

#block-seven-views-block-registered-captains-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
    
}


#block-seven-views-block-registered-businesses-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
 
    
}


#block-seven-views-block-connect-id-requests-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    
    
}


#block-views-block-vessel-host-scid-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    
    
}


#block-views-block-boatur-information-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    text-align: center;
 
    
}


#block-views-block-bookable-vessel-count-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    text-align: center;    
   
    
    
}


#block-views-block-total-vessel-guests-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    text-align: center;    
   
    
    
}


#block-views-block-total-vessel-hosts-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
    text-align: center;    
 
    
    
}


#block-views-block-who-s-new-block-1 {
    position:relative;
    margin-top:10%;
    margin-bottom:5%;
    background: #f1fbff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight:bold;
  
    
}



#block-views-block-boatur-information-block-1 .views-field {
    font-size: 100px;
    padding: 100px;
    background: #eee8a9;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#block-views-block-bookable-vessel-count-block-1 .views-field {
    font-size: 100px;
    padding: 100px;
    background: #eee8a9;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

    
#block-views-block-total-vessel-guests-block-1 .views-field {
    font-size: 100px;
    padding: 100px;
    background: #eee8a9;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

    
#block-views-block-total-vessel-hosts-block-1 .views-field {
    font-size: 100px;
    padding: 100px;
    background: #eee8a9;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}







/**********ADMIN DASHBOARD STYLING*************************************************************************/






/*FOR TABLETS & LANDSCAPE SMARTPHONES*/
@media screen and (max-device-width: 1350px) {
    
body.gin-login .user-form-page {
    display: block;
}    
    
    
#user-register-form{
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}    

#user-login-form {
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#user-pass{
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}
.gin-login #user-pass { 
    overflow-y: clip;
}

body.gin-login .user-form-page__wallpaper {
    display: block;
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}    
    
.gin-login .content-header {
    overflow: hidden;
    padding: 24px 0 0;
    background-color: #e0e0d8;
    z-index: 999;
}

body.gin-login .user-form-page .forgot-password-link {
    font-size:150%;
    font-weight:bold;
    margin-top:7%;
}


#block-seven-content .user-pass #edit-submit {
    width: 40%;
    text-align: center;
    margin-right: auto;
    background: #00a1f1;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #fff;
    font-size: 2em;
    border: none;
    margin-top: 70px;
    margin-bottom: 25px;
    font-family: 'Calistoga';
    font-weight: normal;
    position: relative;
    display: block;
}

body.gin-login .user-login-form .button--primary {
    background: #00a1f1;
    border: none;
    font-size: 200%;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 25px;
    font-family: 'Calistoga';
    font-weight: normal;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    display: block;
    position: relative;
    width: 250px;
    height:60px;
    margin-right: auto;
    margin-top: 60px;
}


body.gin-login .user-form-page .register-button {
    width: 250px;
    height:60px;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 200%;
    padding: 10px;
    display: flex;
    margin-right: auto;
    margin-bottom: 5px;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#user-register-form #edit-submit {
    width: 250px;
    display: block;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 175%;
    border: none;
    margin-bottom: 25px;
    font-family: 'Calistoga';
    padding: 5px 25px;
    text-align: center;
}

.messages--error {
    color: #fff;
    border: none;
    background-color: #f10000;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    font-weight: bold;
    border-radius: 10px;
    background-image: none;
    position: relative;
    z-index: 9999;
    text-align: center;
}

.messages--error a {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 15px;
    background: #fff1f1;
    padding: 5px;
    border-radius: 10px;
    display: inline-flex;
    margin-left:0;
}    
    

.messages--status {
    margin-top: -40px;
    margin-bottom: 50px;
    top: -15px;
}

}    


/*FOR PORTRAIT SMARTPHONES*/
@media screen and (max-device-width: 480px) {

body.gin-login .user-form-page {
    display: flex;
}  
    
#user-register-form{
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}    

#user-login-form {
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}

#user-pass{
    background: #fffdf4;
    left: 0;
    position: absolute;
    padding: 20px;
    margin-left: 4%;
    width: 92%;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: -50px;
    z-index: 99;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}
.gin-login #user-pass { 
    overflow-y: clip;
}

body.gin-login .user-form-page__wallpaper {
    display: block;
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}    
    
.gin-login .content-header {
    overflow: hidden;
    padding: 24px 0 0;
    background-color: #e0e0d8;
    z-index: 999;
}

body.gin-login .user-form-page .forgot-password-link {
    font-size:150%;
    font-weight:bold; 

    
}


#user-register-form #edit-submit{
    width: 100%;
    margin-right: 0;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 175%;
    border:none;
    margin-bottom:25px;
    font-family: 'Calistoga';
    font-weight: normal;
}

#block-seven-content .user-pass #edit-submit {
    width: 100%;
    margin-right: 0;
    background: #00a1f1;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #fff;
    font-size: 2em;
    border:none;
    margin-bottom:25px;
    font-family: 'Calistoga';
    font-weight: normal;
}

body.gin-login .user-login-form .button--primary {
    width:100%;
    background: #00a1f1;
    border: none;
    font-size: 200%;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 25px;
    font-family: 'Calistoga';
    font-weight: normal;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
}
 
 
body.gin-login .user-form-page .register-button {
    width: 100%;
    margin-right: 0;
    background: #f1fbff;
    border-radius: 10px;
    box-shadow: 0px 1px 4px 0 rgba(0,0,0,.37);
    color: #246786;
    font-size: 2em;
    padding:10px;
    margin-bottom:0;
}

body.gin-login .user-form-page__page-title {
    font-size: 245%;
    margin-top: 0;
    margin-bottom: 0;
    width: 92%;
    text-overflow: unset;
    white-space: normal;
    font-family: 'Calistoga';
    font-weight: normal;
    position: absolute;
    z-index: 0;
    left: 0;
    text-align: CENTER;
    top: 157px;
    margin-left: 4%;
    background: #fffdf4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.messages--error {
    text-align:left;
}

.messages--error a {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 15px;
    background: #fff1f1;
    padding: 5px;
    border-radius: 5px;
    display: inline-flex;
    margin-top: 5%;
    margin-left:0;
}


}    

 


/*FOR FLIP CAPABLE SMARTPHONES*/
@media screen and (max-device-width: 300px) {
 #user-register-form #edit-submit {
     font-size:150%;
 }
 
 body.gin-login .user-form-page .register-button {
     font-size:150%;
 }
 
 
    
}