/*
---------------------------------------------------------------------------------
Theme Name: <Rich's Taxidermy>
Description: This template has been developed by the Bradsol's Development Team
Author: <Prem Singh Nanavath>
Date of Creation - <08-27-2019>
Company URL - www.bradsol.com
Version: 1.0
---------------------------------------------------------------------------------
Revision History
---------------------------------------------------------------------------------
Version		Modified By				Date(MM-DD-YYYY)	Description
---------------------------------------------------------------------------------
1.0			<Prem Singh Nanavath>	<08-27-2019>	Initial Build
---------------------------------------------------------------------------------
*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 * Headings.............H1–H6 styles.
 * Links................ Link option throughout the site
 * Buttons................ Button settings of the website
 *
 * HEADER SETTINGS
 * Top bar........Top bar section.
 * Navigation...........Better navigation of the website.
 *
 * CONTENT SETTINGS
 * Form......................... Web forms of the website.
 * Specific features and objects............object and features of elements
 * Specific pages...... Elements for specific pages and objects
 *
 * FOOTER SETTINGS
 * Footer links............The main page footer.
 * Footer-text............The main page footer texts.
 * 
 * MEDIA QUERIES
 * Media queries...........The Media Query
 */
/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #CONTAINER
		\*------------------------------------*/	
		.container{background: #000;}
		.maintitle,
		.style1,
		a
		{
		  color:#34bdf3;
		    
		}
		.container-section{padding: 20px 30px 10px 30px;}
		.col {
			padding-right: 5px;
			padding-left: 5px;
		     }
		 .img-container p.text-center a {
               text-decoration: underline;
             }
		  .three-column-layout .col-item
		  {
		  	width:25%;
		  	padding:0px 20px;
		  }
		  .three-column-layout .img-wrap-gallery {
			    /*min-height: 200px;*/
			    /*display: flex; */
			}
			.flex-class .img-wrap-gallery {
			   
			    display: flex; 
			}

			
		
		/*------------------------------------*\
		  #TEXT
		\*------------------------------------*/
		
		body {
		    font-family: "Roboto", sans-serif;
		    padding: 0;
		    margin: 0;
		    font-size: 16px;
		    width: 800px;
		    margin: auto;
		    background: #333333;
		    color: #fff;
		}	
		.margin-below{margin-bottom: 10px;}		
		.below-space{margin-bottom: 30px;}
		.below-padding{padding-bottom: 15px;}
		 table, tbody, td h3 {
				    color: #fff;
				}
			.table td, .table th {
                padding: .35rem;
                }
		
		
/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/
        /*------------------------------------*\
		  #SUB HEADER
		\*------------------------------------*/
		.sub_header .container, .main_menu .container{
		    padding: 0px;
		}		
		
		/*------------------------------------*\
		  #NAVIGATION
		\*------------------------------------*/

		.main_menu .navbar-light .navbar-nav .nav-link {
		    color: #fff;
		    font-weight: 400;
		    font-family: "Roboto", sans-serif;
		}
		.main_menu ul li {
		    display: inline-block;
		    font-size: 13px;
		    text-transform: capitalize;
		    border: 1px solid #666666;
		    background-color: #222222;
		    flex: 1;
		    text-align: center;
		}
		.navbar-nav {
		    width: 100%;
		}
		li.nav-item a:hover {
		    color: #000000;
		    background-color: #CCCCCC;
		}
		.dropdown-menu {
			padding:0px;
			background-color: #222;
		    }
		.dropdown .dropdown-menu .dropdown-item {
		    font-size: 13px;
		    padding: 4px 10px;
		    border: 1px solid #666666;
		}
		.dropdown-menu a {
		    color: #fff;
		}		
		.menu_fixed {
			display:none;
		}		
		
		

/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
		
		/*------------------------------------*\
		  #SPECIFIC PAGE 
		\*------------------------------------*/
		
		/*home page*/

		.mobilelistview ul li::before {
		  content: "\2022";
		  color: #34bdf3;
		  font-weight: bold;
		  display: inline-block; 
		  width: 1em;
		  margin-left: -1em;
		}

		/*gallery  page*/
		
		.five-image-section .img-wrap-gallery {
                min-height: 191px;
            }

		.gallery_part .grid-sizer, .gallery_part .grid-item {
           width: 100%;
           }

		.gallery_part .grid-item {
         border: 0px solid #fff; 
         border-bottom: 0px solid #fff; 
          }

          .img-container {
          	margin:0px;
            margin-bottom: 30px;
           }

		.img-container img {
		   width: auto;
		   height: auto;
		   border-radius: 5px;
		   cursor: pointer;
		   -webkit-tap-highlight-color: transparent;
		   transition: .3s;
		  -webkit-transition: .3s;
		  -moz-transition: .3s;

		}
		.img-container img:hover{
		  transform: scale(0.97);
		 -webkit-transform: scale(0.97);
		 -moz-transform: scale(0.97);
		 -o-transform: scale(0.97);
		  opacity: 0.75;
		 -webkit-opacity: 0.75;
		 -moz-opacity: 0.75;
		  transition: .3s;
		 -webkit-transition: .3s;
		 -moz-transition: .3s;
		}
		
		.col-item {
		    width: 20%;
		    padding: 0 5px;
		    margin-bottom: 30px;
		}
		.img-wrap-gallery {
		    /*min-height: 208px;*/
		    border: 1px solid #ccc; 
          }

          /*field care page*/

          .fieldcarelists li {
             margin-bottom:10px;
          }

          /*pricing page*/
          .pricingpage p a {
            text-decoration: underline;
              }
          /*pheasants page*/
          .col-md-6.facebook-iframe {
			    padding-right: 0px;
			}


/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #FOOTER LINKS
		\*------------------------------------*/
		.footerclass {
		    text-align: center;
		    background-color: #000;
		}
		.footerclass p {
		    color: #fff;
		}
		.footer-area {
		    background-color: #000;
		}
		.section_padding {
		    padding: 10px 0px;
		    overflow: hidden;
		}		

/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
        /*------------------------------------*\
		  #Extra small devices (Most of the Smartphones Mobiles (Portrait))
			@media only screen and (max-width: 480px) {
		\*------------------------------------*/
		 @media only screen and (max-width: 480px)
		 {
		 	.col-item {
		    width: 100%;
		    padding: 0 15px;
		    margin-bottom: 30px;
		   }
		   .img-container .img-wrap-gallery {
		        /*min-height: 260px;*/
		}
		.flex-class .img-wrap-gallery {
            display: block;
        }
		.img-wrap-gallery {
		    border: 0px solid #ccc; 
          }

		.three-column-layout .col-item
		  {
		  	width:100%;
		  	padding:0px 30px;
		  }
		  .three-column-layout .img-wrap-gallery {
			    /*min-height: 200px;*/
			   border: 0px solid #ccc; 
			}

		 .container-section{padding: 20px 20px 10px 20px;}
		 .pricingpage .remove-mobile-space {
			    margin-bottom: 0px;
			}
			.img-container img {
				border: 1px solid #ccc; 
			}

		 }
		/*------------------------------------*\
		  #Small devices (Low Resolution Tablets, Mobiles (Landscape))
		    B/w 481px to 767px
			@media (min-width: 481px) and (max-width: 767px){...} 
		\*------------------------------------*/
		@media only screen and (max-width: 767px)
		{
		.col-md-4.mobilelistview {
            margin-left: 40px;
           }
		}

		@media only screen and (min-width: 481px) and (max-width: 767px)
		{
           .col-item {
		    width: 33.33%;
		    padding: 0 5px;
		    margin-bottom: 30px;
		}
		.img-container .img-wrap-gallery {
		    /*min-height: 228px;*/
		}
		.three-column-layout .col-item
		  {
		  	width:50%;
		  	padding:0px 30px;
		  }
		.three-column-layout .img-wrap-gallery {
			    /*min-height: 200px;*/
			}
		}
		
		/*------------------------------------*\
		  #Medium devices (Tablets, Ipads (landscape))
			@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){...} 
		\*------------------------------------*/
		
		@media only screen and (max-width: 991px)
		{
		nav.navbar.navbar-expand-lg.navbar-light {
             background-color: #34bdf3; 
             }
             .main_menu .navbar-collapse {
               top: 40px;
		     }
		     .main_menu .row {
		       margin: 0px;
		     }
		     .main_menu .row .col-lg-12 {
		       padding: 0px;
		     }
		     }

		@media only screen and (min-width: 768px) and (max-width: 991px)
		{
           .col-item {
		    width: 25%;
		    padding: 0 5px;
		    margin-bottom: 30px;
		}
		.img-container .img-wrap-gallery {
		    /*min-height: 228px;*/
		}
		.three-column-layout .col-item
		  {
		  	width:33.33%;
		  	padding:0px 20px;
		  }
		.three-column-layout .img-wrap-gallery {
			    /*min-height: 200px;*/
			}
		}

        @media only screen and (min-width: 768px) 
        {
		.container-with-padding{padding: 20px 60px 10px 60px;}
		.container-table-padding {
			    padding: 20px 150px 10px 150px;
			}
		}
		
		/*------------------------------------*\
		  #Extra large devices (large laptops and desktops, 1200px and up)
			@media only screen and (min-width: 1281px) {...}
		\*------------------------------------*/

		@media only screen and (max-width: 800px) 
		{
			body{width:100%;}
		
		}