/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			pycode
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		anceban ( http://www.github.com/danceban )
    --------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url("base.css?hash=7c5543be");
@import url("buttons.css?hash=56f0d25f");
@import url("colours.css?hash=ebe7fbee");
@import url("common.css?hash=a9741ba1");
@import url("content.css?hash=d0e24377");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("links.css?hash=18286e16");
@import url("normalize.css?hash=a9d1d9d0");
@import url("responsive.css?hash=91525548");
@import url("utilities.css?hash=d8f72c42");  
/* Modal Background Overlay */
.sm-modal {
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

/* Modal Box */
.sm-modal-content {
    background-color: #ffffff;
    margin: 15% auto; 
    padding: 24px;
    border-radius: 16px;
    width: 90%;
    max-width: 450px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    position: relative;
    animation: slideIn 0.3s ease-out;
}

/* Close Button */
.sm-close-btn {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #8e8e93;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}
.sm-close-btn:hover {
    color: #000000;
}

/* Typography & Button */
.sm-modal-header h3 {
    margin-top: 0;
    font-family: sans-serif;
    color: #1c1e21;
}
.sm-modal-body p {
    color: #050505;
    line-height: 1.5;
}
.sm-btn {
    display: inline-block;
    background-color: #1877f2; /* Social Blue */
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    text-align: center;
}
.sm-btn:hover {
    background-color: #166fe5;
}

/* Animation */
@keyframes slideIn {
    from { transform: translateY(-30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}