/* Popup Box */



/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 8888; /* Sit on top */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    overflow: auto; /* Enable scroll if needed */

border-radius: 30px;

color:#fff;

background-color: rgb(0, 75, 145, 0.8);

background-image: url("[[$root_url]]/uploads/site-images/tss-logo-footer-mobile2.png");

background-size: 50%;

background-position: right bottom;

background-repeat:no-repeat;

}



/* Modal Content/Box */

.modal-content {

    

    margin: 10vh auto; /* 15% from the top and centered */

    padding: 20px;

 

    width: 90%; /* Could be more or less, depending on screen size */

background-color: rgb(0, 75, 145, 0.8);

background-image: url("[[$root_url]]/uploads/site-images/tss-logo-footer-mobile2.png");

background-size: 50%;

background-position: right bottom;

background-repeat:no-repeat;

}

@media (min-width: 1366px) {

  .modal-content {



    margin: 10vh auto; /* 15% from the top and centered */

    padding: 20px;

  

    width: 30%; /* Could be more or less, depending on screen size */

background-color: rgb(0, 75, 145, 0.8);

background-image: url("[[$root_url]]/uploads/site-images/tss-logo-footer-mobile2.png");

background-size: 50%;

background-position: right bottom;

background-repeat:no-repeat;

	}

}



/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}



button.button {

 	background:none;

  border-top:none;

  border-right:none;

  border-left:none;

  border-bottom:#02274a 1px solid;

  padding:0 0 3px 0;

  font-size:16px;

}



button.button:hover {

  border-bottom:#a99567 1px solid;

  color:#a99567;

}