/* Theme Name:   OceanWP Child

 Description:  OceanWP Child Theme

 Author:      SVA Alumni

 Template:     oceanwp

 Version:      1.0.0

*/
/*Start Hide Default Header Footer ~ Had To Add So Form Will Work*/
#colophon{display:none !important; pointer-events: none !important;}
#masthead{display:none !important; pointer-events: none !important;}
#footer{display:none !important; pointer-events: none !important;}
/*End Hide Default Header Footer ~ Had To Add So Form Will Work*/
#AdminContent{display:none !important;}

html, body {
margin:0;
padding-top:0px;
padding-bottom: 0px;	
height:100%;
position:relative;
font-family: "Times New Roman" !important;	
}	

button{
background-color: #21496a !important;
color:white !important;	
border-radius: 25px !important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:0.8 !important;	
}
button:hover{
background-color: #21496a !important;
color:white !important;	
border-radius: 25px!important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:1.0 !important;
}
button:focus {
outline: none  !important;
}

input[type="submit"] {
background-color: #21496a !important;
color:white !important;	
border-radius: 25px !important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:0.8 !important;	
}
input[type="submit"]:hover{
background-color: #21496a !important;
color:white !important;	
border-radius: 25px!important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:1.0 !important;
}
input[type="submit"]:focus {
outline: none  !important;
}
input[type="button"] {
background-color: #21496a !important;
color:white !important;	
border-radius: 25px !important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:0.8 !important;	
}
input[type="button"]:hover{
background-color: #21496a !important;
color:white !important;	
border-radius: 25px!important;
border-color:black !important;
border-style: solid;
border-width: thin;
opacity:1.0 !important;
}
input[type="button"]:focus {
outline: none  !important;
}
.material-symbols-outlined {/*FOR HOME ICON*/
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 80
}
@keyframes blinker {/*///blinking text animation  used for Processing... animation*/
50% { opacity: 0; }
}
.Hidden{
display:none !important;		
}

.space{ /*For smaller <br>*/
display:block;
width:100%;
height:1px;
margin-top:-7px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~♥♥Start Page Sections Styles♥♥♥~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*######@@@@@@ Start Top Row @@@@@@######*/
#TopRow{
width:100%;	
height:30px;
background-color:#78909C;
float:left;
}
.TopRowLink{
float:right;
width:auto;
height:30px;
background-color:transparent;
color:white;
font-weight:bold;
margin-right:40px;
font-size: 20px;
line-height: 30px;	
border-radius: 10px;	
cursor: pointer;	
display:none;
}
#HeaderLoginCheck{
display: none !important;	
pointer-events: none;	
}

#HeaderLoginCheck #pms_login{
display: none !important;	
pointer-events: none;	
}
/*######@@@@@@ End Top Row @@@@@@######*/
/*######@@@@@@ Start Center Row @@@@@@######*/
#CenterRow{
width:100%;	
height:auto;
min-height:calc(100vh - 50px);	
background-color:white;
position:relative;
float:left;
}

.PageBody{
width:100%;	
height:auto;
min-height:calc(100vh - 210px);	
padding:15px;
box-sizing: border-box;
float:left;
}


.BasicTextBox{
width:100%;
height:auto;
min-height:420px;
font-size:18px;
text-align: left;
margin-top:50px;
float:left;
}
/*######@@@@@@ End Center Row @@@@@@######*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~♥♥End Page Sections Styles♥♥♥~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ Start Pages With Blue Left Styles $$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.PageBodyLeft{
width:50%;
height:	calc(100vh - 70px);	
background-image: url("https://svamytest.frogwebbworks.com/wp-content/uploads/ConvexBlueBox.png");	
background-position: center;	
background-repeat: no-repeat;	
background-size: 100% 100%;	
position: relative;
float:left;
}

.PageBodyRight{
width:50%;
height:	calc(100vh - 70px);	
background-color:white;
position: relative;
float:left;
}
.PageIntroTextBox{
width:450px;
height:auto;
position: absolute;
top: 50%;
left: 45%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.PageIntroTitle{
width:100%;
height:50px;
font-size: 45px;
line-height:50px;	
font-weight: bold;
text-align:center;
float:left;
}
.PageIntroText{
width:100%;
height:auto;
font-size: 20px;
font-weight: bold;
text-align:center;
padding-left:5px;
padding-right:5px;	
box-sizing: border-box;
margin-bottom:10px;
float:left;
}

.PageIntroImage{
width:100%;
height:160px;
background-position: center;	
background-repeat: no-repeat;	
background-size: contain;	
background-image: url("https://svamytest.frogwebbworks.com/wp-content/uploads/Logo.png");
float:left;
}
/*@@@@♥♥♥♥♥Start Pages With Blue Left Mobile Styles♥♥♥♥♥@@@@*/
@media screen and (max-width: 971px){
.PageIntroTextBox{
width:90%;
}
}
@media screen and (max-width: 620px){
.MobileHide{display:none;}	
.PageBodyLeft{
width:100%;
height:auto;	
background-image: url("https://svamytest.frogwebbworks.com/wp-content/uploads/ConvexBlueMobileBox.png");	
}

.PageBodyRight{
width:100%;
height:auto;
min-height:380px;
position: relative;
}
.PageIntroTextBox{
margin-top:15px;
width:100%;	
position: static;
top: 0px;
left: 0px;
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);	
}
.PageIntroTitle{
width:100%;
height:35px;
font-size: 30px;
line-height:35px;	
}
.PageIntroText{
width:100%;
font-size: 16px;
}

.PageIntroImage{
height:100px;
margin-bottom:50px;
}	
}
/*@@@@♥♥♥♥♥End Pages With Blue Left Mobile Styles♥♥♥♥♥@@@@*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ End Pages With Blue Left Styles $$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
