/*
	Theme Name: NHS-Gloucestershire-CCG
	Description: This stylesheet dictates responsiveness on mobiles
	Author: Rich Gwilt
	Author URI: http://www.activelabs.co.uk
*/


/* Extra Extra Large that has been added to Bootstrap 5 */
@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .carousel-item .carousel-title {
        font-size: 2em;
    }
}

@media only screen and (min-width: 959px) and (max-width: 1200px) {
    
    .carousel-item-left {
        padding: 30px 30px 10px 80px;
    }
    .carousel-item .carousel-title {
        font-size: 2em;
    }
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1000px) {

	/* Header elements */
    #headerbar h1 {
        font-size: 2.625rem;
        overflow-wrap: break-word;
      }
      .cookie-control-message p span {
          display: none;
      }
      
  
    /* Carousel elements */
    .carousel-item-mobile {
        padding: 50px 30px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
    
    
    /* Content elements */
    .video-item { margin-bottom: 30px; }
    .postarea .post h3 { margin-top: 10px; }
    #content img { max-width: 100% !important; }
    
  
	
	/* Sidebars */
	.sidebar {
		 /* margin-bottom: 120px; /* Footer circles blocks sidebar content */
	}


	/* Footer elements */
	.homepage-pre-footer { padding-bottom: 50px; }
	footer .footer-social i { font-size: 3.5rem; }
	footer .footer-links li { display: block }
    .footer-logo img { margin: 0 0 20px 0; }

	
	/* Misc. elements */
    iframe { max-width: 100% !important; }

    
    /* Hide elements on mobile */
    .breadcrumb-container { display: none; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}