@charset "utf-8";
/* 
CSS Document for screen sizes 999px and smaller 
Author: Julius Melendez
Date: December 20, 2019
*/

@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

/* Apply a natural box layout model to all elements */ 
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

@font-face {
    font-family: 'pirulenregular';
    src: url('pirulen-webfont.woff2') format('woff2'),
         url('pirulen-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: white;
	width: 98%;
	z-index: -5;  
} 

#topLogo {
    margin-left: 25%;
    width: 50%;
    margin-right: 25%; 
}

img {
    margin-left:5%;
    width: 90%;
    margin-right: 5%;
}

h1, h2, h3, h4 {
    text-align: center;
}

p {
    padding-left: 5%;
    text-align: justify;
    padding-right: 5%;
}

.hr {
    margin-top: -.25em;
    margin-left: 25%;
    width: 50%;
    margin-right: 25%;
}

a:link {
	text-decoration: none;
}

a:hover, a:focus {
	color: #C72128;
	text-decoration: underline;
}

.slideshow_container {
    margin-left: auto;
    width: 390px;
    height: 250px;
    margin-right: auto;
}

/*Awards page slideshow*/
#slideshow_awards {
    list-style-type: none;
    list-style: none;
}

/** SLIDESHOW **/
#slideshow_awards,
#slideshow_awards:after { 
    top: -16px; /*Not sure why I needed this fix*/
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 0; 
}

#slideshow_awards li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s; 
}

#slideshow_awards li:nth-child(1) span { 
    background-image: url("Awards/awa1.jpg"); 
}

#slideshow_awards li:nth-child(2) span { 
    background-image: url("Awards/VeteransOfInfluence.jpg");
    animation-delay: 3s; 
}

#slideshow_awards li:nth-child(3) span { 
    background-image: url("Awards/OrangeCountySheriff.jpg");
    animation-delay: 6s; 
}

#slideshow_awards li:nth-child(4) span { 
    background-image: url("Awards/EOD.jpg");   
    animation-delay: 9s; 
}

#slideshow_awards li:nth-child(5) span { 
    background-image: url("Awards/kicksForKids.jpg");
    animation-delay: 12s; 
}

#slideshow_awards li:nth-child(6) span { 
    background-image: url("Awards/celsb1.jpg");
    animation-delay: 15s; 
}

#slideshow_awards li:nth-child(7) span { 
    background-image: url("Awards/LiveOutLoud.jpg");
    animation-delay: 18s; 
}

#slideshow_awards li:nth-child(8) span { 
    background-image: url("Awards/mujeres.jpg");
    animation-delay: 21s; 
}

#slideshow_awards li:nth-child(9) span { 
    background-image: url("Awards/Gonzalez.jpg");
    animation-delay: 24s; 
}

#slideshow_awards li:nth-child(10) span { 
    background-image: url("Awards/g1001.jpg");
    animation-delay: 27s; 
}

#slideshow_awards li:nth-child(11) span { 
    background-image: url("Awards/fast505.jpg");
    animation-delay: 30s; 
}

#slideshow_awards li:nth-child(12) span { 
    background-image: url("Awards/kaka1.jpg");
    animation-delay: 33s; 
}

/*Signs page slideshow*/
#slideshow_signs {
    list-style-type: none;
    list-style: none;
}

/** SLIDESHOW **/
#slideshow_signs,
#slideshow_signs:after { 
    top: -16px; /*Not sure why I needed this fix*/
	position: relative;
    width: 100%; 
    height: 100%;
    z-index: 0; 
}

#slideshow_signs li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 30s linear infinite 0s; 
}

#slideshow_signs li:nth-child(1) span { 
    background-image: url("Signs/Fairwinds.jpg"); 
}

#slideshow_signs li:nth-child(2) span { 
    background-image: url("Signs/PreserveChamptionsGate.jpg");
    animation-delay: 3s; 
}


#slideshow_signs li:nth-child(3) span { 
    background-image: url("Signs/MardenRidge.jpg");   
    animation-delay: 6s; 
}

#slideshow_signs li:nth-child(6) span { 
    background-image: url("Signs/CyberCafeADAsign.jpg");
    animation-delay: 9s; 
}

#slideshow_signs li:nth-child(7) span { 
    background-image: url("Signs/UCFLodgeSeating.jpg");
    animation-delay: 12s; 
}

#slideshow_signs li:nth-child(8) span { 
    background-image: url("Signs/melentree1.png");
    animation-delay: 15s; 
}

#slideshow_signs li:nth-child(9) span { 
    background-image: url("Signs/melentree2.png");
    animation-delay: 18s; 
}

#slideshow_signs li:nth-child(10) span { 
    background-image: url("Signs/melentree3.png");
    animation-delay: 21s; 
}

#slideshow_signs li:nth-child(11) span { 
    background-image: url("Signs/DoneganRehabSign.jpg");
    animation-delay: 24s; 
}

#slideshow_signs li:nth-child(12) span { 
    background-image: url("Signs/ADA.png");
    animation-delay: 27s; 
}


/*Specialties page slideshow*/
#slideshow_specialties {
    list-style-type: none;
    list-style: none;
}

/** SLIDESHOW **/
#slideshow_specialties,
#slideshow_specialties:after { 
    top: -16px; /*Not sure why I needed this fix*/
	position: relative;
    width: 100%; 
    height: 100%;
    z-index: 0; 
}

#slideshow_specialties li span { 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 18s linear infinite 0s; 
}

#slideshow_specialties li:nth-child(1) span { 
    background-image: url("images/MercedesBCH.jpg"); 
}

#slideshow_specialties li:nth-child(2) span { 
    background-image: url("images/StarWarsDisplayLamp.jpg");
    animation-delay: 3s; 
}

#slideshow_specialties li:nth-child(3) span { 
    background-image: url("images/OrlandoCitySportsLight.jpg");
    animation-delay: 6s; 
}

#slideshow_specialties li:nth-child(4) span { 
    background-image: url("images/ExecutivePens.jpg");   
    animation-delay: 9s; 
}

#slideshow_specialties li:nth-child(5) span { 
    background-image: url("images/BMW.png");
    animation-delay: 12s; 
}

#slideshow_specialties li:nth-child(6) span { 
    background-image: url("images/CuttingBoard.png");
    animation-delay: 15s; 
}


@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}

#PBMwhiteLogo {
    margin-left: 25%;
    width: 50%;
    margin-right: 25%; 
}