@charset "UTF-8";
/* CSS Document */

body { 
             margin: 0 !important;
             padding: 0 !important;
            }
    .flex {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 100%;
    }

        .nav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
	
	
}
.flex {
        flex-flow: row;
        flex-wrap: wrap; 
        width:100%;
    }

 .three_article_section_grid {
    display:flex;
    overflow-x: scroll;
    width:100%;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scroll-behavior: smooth; /* For smooth scrolling with JS */
}
        .three_article_section_grid  a:link {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:visited {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:active {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:hover {
            text-align: left;
            text-decoration: none;
            padding-left:5px;
            color:#CA2308;
        }
        
        .three_article_section-post-left {
	
	background-color:#EBE7E7;
	position:relative;
	width:440px;
	margin-left:20px;
	padding:15px 0px 15px 0px; 
	overflow:hidden;
    min-width:240px;
}

@media only screen and (max-width: 460px){
    #infoDiv{
                font-size: 14px;
            
            }
    #email {
                font-size: 14px;
    }
    #logo {width:100%;

        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    #logoImg { 
        display: block;
        width:80%;
        max-width: 300px;
    margin: 0 auto;}
    
    #tp { float:left; margin: 1px 5px 0px 0px}
    #mailImage{margin-top:-5px;padding: 0px 10px 0px 0px; float:left;}
    #phoneImage{ padding: 6px 5px 0px 0px; float:left;}
    #contact { 
        width:63%; margin:0 auto;
        align-items: center;
        justify-content: center;
        align-content: center;
        display:inline-block;
        
    }
    
    
    #social {width:29%; margin:0 auto;
        align-items: center;
        justify-content: center;
        align-content: center;
        display:inline-block;
        text-align: center;
    }
    
    p.large {
            font-size: 12px;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
            font-weight: bold;
            line-height: 20px;
            padding: 0px;
            margin:0px;
            color:000;
            text-decoration: none;
        }
    #top_menu {
        display:none;
    }
    
     .three_article_section_grid {
    display:flex;
    overflow-x: scroll;
    width:100%;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scroll-behavior: smooth; /* For smooth scrolling with JS */
}
        .three_article_section_grid  a:link {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:visited {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:active {
            color: #000;
            text-align: left;
            text-decoration: none;
            padding-left:5px;
        }
        
        .three_article_section_grid  a:hover {
            text-align: left;
            text-decoration: none;
            padding-left:5px;
            color:#CA2308;
        }
        
        .three_article_section-post-left {
	
	background-color:#EBE7E7;
	position:relative;
	width:340px;
	margin-left:20px;
	padding:15px 0px 15px 0px; 
	overflow:hidden;
    min-width:240px;
            font-size: 3vw;
}
}

@media only screen and (min-width: 461px){
#logoImg { width:100%; max-width: 240px;}
  #logo {width:19%;} 
    #social { width:16%;
    height:50px; margin-top:40px;}
    #contact {
        width:37%; margin:auto;}
        #mailImage{margin-top:-5px; padding: 0px 10px 0px 0px; float:left;}
    #phoneImage{padding: 12px 5px 0px 0px; float:left;}
     p.large {
            font-size: 1.5vw;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
            line-height: 50px;
            padding: 0px;
            margin:0px;
            color:000;
            text-decoration: none;
             font-weight:bold;
        }
    
    #tp { float:left; margin: 16px 5px 0px 0px}
    
.large a:link {
    color:#000;
    text-decoration: none;
}
.large a:hover {
	color:#CA2308;
}
.large a:active {
	color:#CA2308;
}
.large a:selected {
    color:#CA2308;}
.large :visited {
    color:#000;
    text-decoration: none;
}

}
@media only screen and (min-width: 1024px){
     #social { width:10%;
    height:50px; margin-top:40px;}
    #contact {
        width:30%; margin:auto;}
}

.nav ul {
	position:relative;
    width:100%;
	display:table;
    table-layout: fixed;
    
}
.menu-item a:link {font-size: 1.2vw; font-weight:bold;}
.menu-item {
display: table-cell;
  width: auto;
  text-align: center;
    padding:0px 8px 0px 8px;
    font-size:1vw;
    
}
.nav a:link  {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
    
    color: #000;
    
    text-align: left;
    text-decoration: none;
    
	padding-left:5px;
}
.nav a:visited {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

    
    color: #000;
    text-align: left;
    text-decoration: none;
	padding-left:5px;
}
.nav a:hover {
	color:#CA2308;
}
.nav a:active {
	color:#CA2308;
}
.nav .selected a{
	color:#CA2308;
}

.scroll_arrow_wrapper {
    position: relative;
    width:100%;
}
.scroll_arrow {
    position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%; /* Optional: for circular arrows */
}
.scroll_arrow_left {
    
    left:10px;

}
.scroll_arrow_right {
    
    right:10px;

}
       
        #top_menu {
	width:100%;
	margin-top:10px;
	height:48px;
	position:relative;
	border-top:0px solid #414040;
	text-align: center;
}

        #header {
            width: 100%;
            
        }
        
        #menu {
	position:relative; 
	margin: 0 auto; 
	display:inline-block;
}


        
       
        .item-title {
            font-size: 16 px;
            font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
            line-height: 40px;
            padding: 0px;
            margin:0px;
            text-decoration: none;
            text-transform: uppercase;
        }
        .item-title a:link {
            color: #000;
    
    text-align: left;
    text-decoration: none;
    
	padding-left:5px;
        }
        
        #footer {
            background-color: #eee;
            width: 100%;
            min-height: 200px;
            margin-top: 40px;
        }
        
        #legal {
            color: #a2a2a2;
            margin: 0 auto;
            width:85%;
            line-height: 24px
        }
        
        #copyright {
            color: #a2a2a2;
            margin: 0 auto;
    }