/*-------- Edit --------*/

.sp-profile-dropdown-item a
{
  color:#252525 !important;
  font-size: 1.1em;
}

.sp-profile-dropdown-item a:hover
{
  color:var(--pam-primary) !important;
  font-weight: 600;
  
}

.sp-profile-dropdown-item a:focus
{ 
  color:var(--pam-primary) !important;
}

.sp-profile-dropdown-item a:active
{
  color:#252525 !important;
}


.sp-profile-dropdown-item form button
{
  color:#252525 !important;
  font-size: 1.1em;
}

.sp-profile-dropdown-item form button:hover
{
  color:var(--bs-red) !important;
  font-weight: 600;
}

.sp-profile-dropdown-item form button:focus
{
  color:var(--bs-red) !important;
}

.sp-profile-dropdown-item form button:active
{
  color:#252525 !important;
}


.card-img-top
{
  transition: opacity 400ms;
}

.card-img-top:hover
{
  opacity: 0.8;
}

#sp-main-body {
    padding: 0px;
}

#sp-logo.has-border
{
  padding-right:32px;
}

.sp-megamenu-parent > li > a
{
  font-size:1em;
}



.article-details .article-can-edit {
    position: relative;
    margin-bottom: 0px;
}

.article-list .article {
    margin-bottom: 32px;
    padding: 0px;
    border: 3px solid #f5f5f5;
    border-radius: 8px;
}

.article-info {
  margin-bottom:0;
}

.article-list .article .readmore a
{
  text-align:center;
  margin:8px;
  color:white;
  background:#252525;
  display: block;
  padding: 8px 16px;
  border-radius: 8px;
}

.article-list .article .readmore a:hover
{
  color:white;
  background:var(--pam-primary);
}

.article-list .article .readmore a:active
{
  color:white;
  background:var(--pam-primary);
}

.article-list .article .readmore a:target
{
  color:white;
  background:#252525;
}

.article-details .article-info {
    margin-bottom: 0rem;
  	margin-left: calc(5% + 1em);
}

li::marker
{
  color:var(--pam-primary);
}

.sp-scroll-up:hover,.sp-scroll-up:active,.sp-scroll-up:focus
{
  color:#fff;
  background:var(--pam-primary);
}


/* Prefix : pam- */
.pam-container
{
  min-height:360px;
  padding:20px calc(5% + 1em);
  
}



.pam-card
{
  width:280px;
  border-radius:8px; 
  margin-bottom:40px; 
  margin-left:auto;
  margin-right:auto;
}

.pam-title
{
  width:100%; 
  height:400px; 
  background-size:cover;
  background-position-x: center;
  
}

.pam-title-2
{
  width:100%; 
  height:200px; 
  background-size:cover;
  background-position-x: center;
  
}

.pam-image-home img
{
  	transition:scale 400ms;
	display:none;
} 
.pam-image-home img:hover
{
 	scale:1.2;
} 


.pam-image-home h5
{
font-weight:300;
  margin-bottom:1em;
} 

.pam-contact-icon
{
  display:table-cell;
  vertical-align:middle;
  font-size:32px;
}

.pam-contact-text
{
  display:table-cell;
  vertical-align:middle;
  padding-left:12px;
}


.pam-button-1
{
  color:white;
  background-color:#252525;
 
  display:block;
  padding:8px;
  width:140px;
  font-size:1em;
  border-radius:8px;
  text-align:center;
}

.pam-button-1:hover
{
  color:white !important;
  background-color:var(--pam-primary) !important;
}

.pam-button-1:active
{
  color:white !important;
  background-color:var(--pam-primary) !important;
}

.pam-button-1:focus
{
  color:white !important;
  background-color:var(--pam-primary) !important;
}

.pam-readmore-img
{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width:100%;
  
}

.pam-readmore-text
{
  margin-top:24px;
  margin-bottom:24px;
  padding-left:8px;
  font-size:1.2em;
}

.pam-card-text-1
{
  font-size:1.2em
}

.pam-product-site
{
  width:5%;
  min-width: 56px;
  display:table-cell;
}

.pam-product-content
{

  width:100%; 
  display:table-cell;
  padding:0 calc(5% + 1em) 0 1em;
}


.pam-image-home-2 img
{
  display:block;
  height:300px;
 
  margin:auto; 

}

.pam-marker-1
{
  color:var(--pam-primary);
  margin-right: 8px;
}

.pam-inner-site
{
  height:320px; 
  overflow-y:scroll; 
  font-size:14px;
}

.pam-hover-img-1
{
  transition:opacity 400ms;
}

.pam-hover-img-1:hover
{
  opacity: 0.8;
}


/*-------- Font --------*/
.light
{
  font-weight:300;
}

.medium
{
  font-weight:500;
}

.bold
{
  font-weight:700;
}


.head-space
{
  margin-bottom:32px;
}

.head-sub-space
{
  margin-bottom:16px;
}

.head-space-top
{
  margin-top:32px;
}

.head-sub-space-top
{
  margin-top:16px;
}

.paragraph-1
{
  font-size:1.2em;
  line-height:2em;
}

.paragraph-2
{
  line-height:1.8em;
}

/*-------- Color --------*/

:root {
  --pam-primary: #007FFF;
  --pam-secondary: #000000;
  
  --pam-primary-gray: #94A0B9;
  --pam-primary-light: #94B6F7;
  --pam-primary-lighter: #D0E0FF;
  --pam-gray: #949597;
  --pam-gray-light: #D9D9D9;
}

.link-color-1
{
  color:#252525;
}

.link-color-1:hover
{
  color:var(--pam-primary);
}

.link-color-1:active
{
  color:var(--pam-primary);
}

/*-------- Site --------*/
dt hr
{
  margin:0 0 16px 0;
}

dd dl
{
  margin-left:8px;
}

dd dl dt
{
  margin-bottom:12px;
}

dl
{
  margin-bottom:0;
}

dd a
{

}

dd a:hover
{
  color:var(--pam-primary-light);
}

dd a:active
{
  color:var(--pam-primary-light);
}

dd a:focus
{
  color:var(--pam-primary-light);
}

dt a
{
  
}

dt a:hover
{
    color:var(--pam-primary-light);
}

dt a:active
{
    color:var(--pam-primary-light);
}

dt a:focus
{
    color:var(--pam-primary-light);
}

#site2
{
  display:block;
  padding:0 16px; 
  width:280px;
}

.accordion-button
{
  padding:8px 16px;
}

.accordion-button:hover
{
  color:var(--pam-primary);
  font-weight:500;
  
  transition: 200ms ease;
}

.accordion-button:not(.collapsed) 
{
  background:white;
}

/* ----------- Responsive ----------- */
/* ----------- sm ----------- */
@media only screen and (max-width: 575px) 
{
.pam-title
{ 
  height:400px; 
}
  
.pam-button-1
{
  width:100%;
}
  
#sp-header {
    height: 60px;
}
  
  
.pam-product-site
{
  
}

.pam-product-content
{
  
}

}



/* ----------- md ----------- */
@media only screen and (max-width: 991px) 
{
.pam-title
{
  height:200px; 
}

  
.pam-image-home img
{
  display:block;
  width:150px;
  height:150px; 
  margin:auto; 
  margin-bottom:24px;

}

.pam-image-home-2 img
{
  display:none;
}

.pam-image-home h5
{
  text-align:center;
 
}
  
.pam-marker-1
{
  display:none;
}
  
.pam-product-site
{
  
}

.pam-product-content
{
  
}

  #site1
{

  text-align:center;
 	display:block;
    margin-left:16px;
  width:40px; 
  height:40px; 
  border-radius:50%; 
  background:#252525;
  color:white;
  cursor: pointer;
}
  
#site1:hover
{
  	transition:200ms ease-in-out ;
	opacity:0.4;
}
  
  #site2
{
 	display:none;
  
  	z-index:10001;
  	//position:relative;
  	position: fixed;
    top: 80px;
}
  
  #overlay-1
  {
    display:none;
    position: fixed;
    z-index: 10000;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.3;
    top: 0;
    left: 0;
    cursor: pointer;
  }
  
  .pam-readmore-text
{
  font-size:1.4em;
}
  
  .pam-card-text-1
{
  font-size:1.4em
}
  
}


/* ----------- lg ----------- */
@media only screen and (min-width: 992px) 
{

  #overlay-1
{
  	display:none;
}

	#site1
{
  	display:none;
  
}
    #offcanvas-toggler
  {
    display:none !important;
  }
  
  
  #menu-right .sp-module:first-child {
    border-right: 0px;
    padding-right: 30px;
}
}

footer {
            color: #bdc3c7;
            text-align: center;
            padding: 30px 20px;
            font-size: 14px;
        }        
.fullwidth-iframe {
        width: 100vw;
        margin-left: calc(50% - 50vw); /* break out of container */        
    }

.iframe-full {
        width: 100%;
        border: none;
        height: 80vh;
    }