/* ---------------------------------------------------------------------------------------------------
    BEGIN SITE MAIN THEME COLORS AND OTHERS
--------------------------------------------------------------------------------------------------- */ 
    body
    {
        background: #eff5ff;
        background-image: -webkit-linear-gradient(#E2D6A4, #eee);
        background-image: -moz-linear-gradient(top,#E2D6A4 0%,#eee);
        background-image: -ms-linear-gradient(top, #E2D6A4 0%,#eee 100%);
        background-repeat: repeat;
        background-attachment: fixed;
        
        /*background: #231C63 url("../images/welcome/bg.png") no-repeat center top;
		background-size: cover;*/
    }
 
	header
    {
        background: #f9f9f9;
    }

    #mainnav .submenu
    {
        background: #eee;

    }

 /* Drop shadow around the banner and page */
    .banner {
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    
    }

    /* Drop shadow around the page */
    .page {
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    
    }

    .conference-bar-info,  /* Homepage header bar */
    .header-bar  /* Secondary Pages header bar */
    {
        color:#CAB556;
        background: #9C1C20;
    }



    /* Main navigation current page bottom border color */
    #mainnav li.selected, 
    .desktop-mode #mainnav > ul > li:hover, 
    #mobilemenu li.selected a
    {
        border-color: #C62022; /* A bit brighter than the site default main color */
    }

    /* Navigation Hover State and Current Page highlights */
    .desktop-mode #mainnav li:hover span,  /* Main navigation "More" menu sublink highlight color  */
    .desktop-mode #mainnav > ul > li:hover > a,  /* Main navigation hover link highlight color  */
    #mainnav li.selected > a, /* Main navigation current page link highlight color  */
    h2.sub-header /* Secondary sub header  */
    {color: #751012;}
         
    /* Site logo Image */
    .site-logo{background-image: url("../images/site-logo.png?version=6"); }

    

/* ---------------------------------------------------------------------------------------------------
    BEGIN Homepage pg.
--------------------------------------------------------------------------------------------------- */    
    
    /* Register Button inside slide */
    .slide-content .button  
    {
        background: #C62022;
        color: #FFF;
		box-shadow: 5px 5px 10px #000;
		-webkit-box-shadow: 5px 5px 10px #000;
    }
    

    section.about
    {
        background: #eee;
    }

    .about .box:nth-child(2)
    {

        text-align: center;
    }

    .about .video-c 
    {
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid #fff;
        background: #eee;
        width: 98%;
        max-width: 640px;
    }

    .about .video-c iframe 
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .about .video-c::after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

    .about .anchor 
    {
        height: 60px;
        margin-top: -60px;
    }



    .homepage-pg.bottom .box:first-child
    {
        border: 0 none;
    }

    .homepage-pg.bottom .flex
    {
        align-items: stretch;
    }

.video-c 
{
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #000;
    width: 98%;
    max-width: 600px;
    cursor: pointer;
}

.video-c video 
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

 .video-c::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

 .video-anchor
 {
   display: flex;
   visibility:hidden;
   width: 100px; 
 }   


/* {{ BEGIN MEDIA QUERIES }} */
    @media only screen and (max-width: 799px) {

        /* Slide Text Content */
        .slide-content h2 
        {
            position: absolute;
            top: 18.60%; left: 0;  right: 0; 
            margin: 0 auto;
            font-size: 35px; 

            width: 100%;
            max-width: 600px;

            display: inline-block;

        }
       
        /*.slide-content p{font-size: 16px;}*/
		.slide-content p{font-size: 20px;}

    }

        .video-anchor 
        {
           height:50px; 
           margin-top:-50px; 
        }



    @media only screen and (max-width: 480px) {
        
        /* Slide Text Content */
        .slide-content h2
        {
            top: 15%;
            font-size: 22px;
            line-height: 30px;
        }
       
    }

    @media only screen and (min-width: 800px) {

        /* Slide Text Content */
        .slide-content h2 {font-size: 40px;}

        .slide-content p 
        {
            padding-top: 0;
            font-size: 1.375em;
            line-height: 1.4;
            max-width: 90%; 
        }

        /* About Conference Section 
        ---------------------------------*/
        /* About Conference Section Theme Banner (1600 x 600 px)*/
        /* .about { background: url("../images/welcome/theme/main-comp.png") no-repeat center 0;} */
        /* About Conference Section box (where text goes) */
        /* .about .box { max-width: 580px;} */


        .homepage-pg.bottom .box
        {
            padding: 0 15px;
            border-left: 1px solid #ddd;
        }

        .video-anchor 
        {
           height:70px; 
           margin-top:-70px; 
        }


    }



    @media only screen and (min-width: 1024px) {

        /* Slide Text Content */
        .slide-content h2 
        {
            font-size: 64px;
            margin: 0;
        }

        .slide-content p 
        {
            font-size: 29px;
            line-height: 1.4;
            max-width: 21em;
        }


        /* About Conference Section */
        .about { background-position: -200px 0; }
      
        
    }


    @media only screen and (min-width: 1442px) {
        /* Slide Text Content */
        .slide-content h2  {font-size: 80px;}

        .slide-content p 
        {
            font-size: 29px;
            line-height: 1.4;
		}

        /* About Confernce Section */
        .about { background-position: right 0; }

    }



    @media only screen and (min-width: 1200px) {

        /* About Conference Section 
        ---------------------------------*/
        /* About Conference Section Theme Banner (1600 x 600 px)*/
        /* .about{ background: url("../images/welcome/theme/main-comp.png") no-repeat right top;} */

    }

    /* Banner Sizes and File Naming Convention:

        Small  - 823x343 (slide1-small.jpg) 
        Medium - 1000x417 (slide1-medium.jpg) 
        Large  - 1440x600 (slide1-large.jpg) 
    */

    /* For Small Devices (Phones) */
    @media only screen and (max-width: 799px) {

        /* 
            Individual slide background color for each slide content 
            This can be different colors or all the same.
        */
       
          
        /* Background Bottom Color for each slide */
        li.slide1 {/*background: #17418C!important*/
        background: linear-gradient(60deg, #6D67A1, #231C63);
		background: -webkit-linear-gradient(60deg, #6D67A1, #231C63);
		}

        li.slide2 {/*background: #751012!important;*/
        background: linear-gradient(60deg, #C4B056, #6A5E2E);
		background: -webkit-linear-gradient(60deg, #C4B056, #6A5E2E);
		}

        li.slide3 {/*background: #17418C!important*/
        background: linear-gradient(60deg, #DD2C30, #390808);
		background: -webkit-linear-gradient(60deg, #DD2C30, #390808);
		}

        li.slide4 {/*background: #751012!important*/
        background: linear-gradient(60deg, #2B73B2, #17418D);
		background: -webkit-linear-gradient(60deg, #2B73B2, #17418D);
		}
       
        /* Slides (823x343)  */
        .slide1 .slide{
            background: url("../images/welcome/slides/slide1-small.jpg");
            background-size: cover; 
        }

       .slide2 .slide{ 
            background: url("../images/welcome/slides/slide2-small.jpg");
            background-size: cover; 
        }

        .slide3 .slide{ 
            background: url("../images/welcome/slides/slide3-small.jpg");
            background-size: cover; 
        }


        .slide4 .slide{ 
            background: url("../images/welcome/slides/slide4-small.jpg");
            background-size: cover; 
        }

    }

    /* For Medium Devices (Phone-tablet / Mini Tablets) */
    @media only screen and (min-width: 800px) and (max-width: 1441px) { 

            /* Slides (1000x417)  */
            .slide1 .slide{
                background: url("../images/welcome/slides/slide1-medium.jpg");
                background-size: cover; 
            }

            .slide2 .slide{ 
                background: url("../images/welcome/slides/slide2-medium.jpg");
                background-size: cover; 
            }

            .slide3 .slide{ 
                background: url("../images/welcome/slides/slide3-medium.jpg");
                background-size: cover;
            }

            .slide4 .slide{ 
                background: url("../images/welcome/slides/slide4-medium.jpg");
                background-size: cover; 
            } 


    }

     /* For Large Devices (Desktops/Tablets) */
    @media only screen and (min-width: 1442px) {


           /* Slides (1440x600)  */
            .slide1 .slide {
                background: url("../images/welcome/slides/slide1-large.jpg");
                background-size: cover;
            }

            .slide2 .slide{ 
                background: url("../images/welcome/slides/slide2-large.jpg");
                background-size: cover;
             }

            .slide3 .slide{ 
                background: url("../images/welcome/slides/slide3-large.jpg");
                background-size: cover; 
            }


            .slide4 .slide{ 
                background: url("../images/welcome/slides/slide4-large.jpg");
                background-size: cover; 
                
            }

    }


/* ---------------------------------------------------------------------------------------------------
    END Homepage pg.
--------------------------------------------------------------------------------------------------- */    

    .corona-bar-info,  /* Homepage header bar */
    .corona-header-bar  /* Secondary Pages header bar */
    {
        background: #C62023
    }

     

    /* For Mobile */
    @media only screen and (max-width: 799px) {

        header .site-logo  {  width: 250px; height:44px; }
    }


    /* For Desktop/Tablets */
    @media only screen and (min-width: 800px) {

        header .site-logo { width: 280px; height:49px;} 

    }


    /* Desktops/Large Screens */
    @media only screen and (min-width: 1024px) {
        header .site-logo { width:300px; height:53px; } 
    }



     /* {{  Sub-pages Top Banners }} */
     /* Banner Sizes and File Nameming Convention:
        
        Small  - 800x150  (main-banner-small.jpg) 
        Medium - 1000x188 (main-banner-medium.jpg) 
        Large  - 1440x270 (main-banner-large.jpg) 
     */


    /* Banner Images Small (800x150)*/
    @media only screen and (max-width: 799px) {
        
        /* =Agenda pg.
        ------------------------------------ */
        .agenda-pg .banner figure{background-image: url("../images/agenda/main-banner-small.jpg");}

        /* =CME Info pg.
        ------------------------------------ */
        .cmeinfo-pg .banner figure{background-image: url("../images/cmeinfo/main-banner-small.jpg");}

        /* =Faculty pg.
        ------------------------------------ */ 
        .faculty-pg .banner figure{background-image: url("../images/faculty/main-banner-small.jpg");}

        /* =Fees pg.
        ------------------------------------ */
        .fees-pg .banner figure{background-image: url("../images/fees/main-banner-small.jpg");}

        /* =Hotel and Travel pg.
        ------------------------------------ */
        .hotelandtravel-pg .banner figure{background-image: url("../images/hotel/main-banner-small.jpg?version=7");}

        /* =Exhibitors pg.
        ------------------------------------ */
        .exhibitors-pg .banner figure{background-image: url("../images/exhibitor/main-banner-small.jpg");}   

        /* =Exhibitor Info pg.
        ------------------------------------ */
        .exhibitorinfo-pg .banner figure{background-image: url("../images/exhibitorinfo/main-banner-small.jpg");} 

        /* =Contact Us pg.
        ------------------------------------ */
        .contactus-pg .banner figure{background-image: url("../images/contactus/main-banner-small.jpg");}  
		
		 /* =Lapiplasty pg.
        ------------------------------------ */
        .lapiplasty-pg .banner figure{background-image: url("../images/lapiplasty/main-banner-small.png");}

        /* =Recap pg.
        ------------------------------------ */
        .recap-pg17 .banner figure{background-image: url("../images/recap/2017/main-banner-small.png");} 
        .recap-pg18 .banner figure{background-image: url("../images/recap/2018/main-banner-small.png");} 
        .recap-pg19 .banner figure{background-image: url("../images/recap/2019/main-banner-small.png");} 
        .recap-pg20 .banner figure{background-image: url("../images/recap/2020/main-banner-small.png");} 
        .recap-pg21 .banner figure{background-image: url("../images/recap/2021/main-banner-small.jpg");} 
        .recap-pg22 .banner figure{background-image: url("../images/recap/2022/main-banner-small.jpg");} 
        .recap-pg23 .banner figure{background-image: url("../images/recap/2023/main-banner-small.jpg");} 
        .recap-pg24 .banner figure{background-image: url("../images/recap/2024/main-banner-small.jpg");} 
        /* =Corona pg.
        ------------------------------------ */
        .corona-pg .banner figure{background-image: url("../images/corona/main-banner-small.jpg");}
		
		 /* =Footprint pg.
        ------------------------------------ */
        .footprint-pg .banner figure{background-image: url("../images/footprint/main-banner-small.jpg");}

    }

    /* Banner Images Medium (1000x188) */
    @media only screen and (min-width: 800px) and (max-width: 1441px) {

        /* =Agenda pg.
        ------------------------------------ */
        .agenda-pg .banner figure{background-image: url("../images/agenda/main-banner-medium.jpg");}

        /* =CME Info pg.
        ------------------------------------ */
        .cmeinfo-pg .banner figure{background-image: url("../images/cmeinfo/main-banner-medium.jpg");}

        /* =Faculty pg.
        ------------------------------------ */ 
        .faculty-pg .banner figure{background-image: url("../images/faculty/main-banner-medium.jpg");}

        /* =Fees pg.
        ------------------------------------ */
        .fees-pg .banner figure{background-image: url("../images/fees/main-banner-medium.jpg");}

        /* =Exhibitors pg.
        ------------------------------------ */
        .exhibitors-pg .banner figure{background-image: url("../images/exhibitor/main-banner-medium.jpg");} 

        /* =Exhibitor Info pg.
        ------------------------------------ */
        .exhibitorinfo-pg .banner figure{background-image: url("../images/exhibitorinfo/main-banner-medium.jpg?version=7");}

        /* =Hotel and Travel pg.
        ------------------------------------ */
        .hotelandtravel-pg .banner figure{background-image: url("../images/hotel/main-banner-medium.jpg");}

        /* =Contact Us pg.
        ------------------------------------ */
        .contactus-pg .banner figure{background-image: url("../images/contactus/main-banner-medium.jpg");}    
		
		/* =Lapiplasty pg.
        ------------------------------------ */
        .lapiplasty-pg .banner figure{background-image: url("../images/lapiplasty/main-banner-medium.png");}

        /* =Recap pg.
        ------------------------------------ */
        .recap-pg17 .banner figure{background-image: url("../images/recap/2017/main-banner-medium.png");} 
        .recap-pg18 .banner figure{background-image: url("../images/recap/2018/main-banner-medium.png");} 
        .recap-pg19 .banner figure{background-image: url("../images/recap/2019/main-banner-medium.png");} 
        .recap-pg20 .banner figure{background-image: url("../images/recap/2020/main-banner-medium.png");} 
        .recap-pg21 .banner figure{background-image: url("../images/recap/2021/main-banner-medium.jpg");} 
        .recap-pg22 .banner figure{background-image: url("../images/recap/2022/main-banner-medium.jpg");} 
        .recap-pg23 .banner figure{background-image: url("../images/recap/2023/main-banner-medium.jpg");} 
        .recap-pg24 .banner figure{background-image: url("../images/recap/2024/main-banner-medium.jpg");} 
        /* =Corona pg.
        ------------------------------------ */
        .corona-pg .banner figure{background-image: url("../images/corona/main-banner-medium.jpg");}
		
		 /* =Footprint pg.
        ------------------------------------ */
        .footprint-pg .banner figure{background-image: url("../images/footprint/main-banner-medium.jpg");}

}

    /* Banner Images Large (1440x270)*/
    @media only screen and (min-width: 1442px) {
        
        /* =Agenda pg.
        ------------------------------------ */
        .agenda-pg .banner figure{background-image: url("../images/agenda/main-banner-large.jpg");}

        /* =CME Info pg.
        ------------------------------------ */ 
        .cmeinfo-pg .banner figure{background-image: url("../images/cmeinfo/main-banner-large.jpg");}
        
        /* =Faculty pg.
        ------------------------------------ */ 
        .faculty-pg .banner figure{background-image: url("../images/faculty/main-banner-large.jpg");}
        
        /* =Fees pg.
        ------------------------------------ */
        .fees-pg .banner figure{background-image: url("../images/fees/main-banner-large.jpg");}

        /* =Hotel and Travel pg.
        ------------------------------------ */
        .hotelandtravel-pg .banner figure{background-image: url("../images/hotel/main-banner-large.jpg?version=7");}

        /* =Exhibitors pg.
        ------------------------------------ */
        .exhibitors-pg .banner figure{background-image: url("../images/exhibitor/main-banner-large.jpg");} 

        /* =Contact Us pg.
        ------------------------------------ */
        .contactus-pg .banner figure{background-image: url("../images/contactus/main-banner-large.jpg");}   
		
		/* =Lapiplasty pg.
        ------------------------------------ */
        .lapiplasty-pg .banner figure{background-image: url("../images/lapiplasty/main-banner-large.png");}

        /* =Recap pg.
        ------------------------------------ */
        .recap-pg17 .banner figure{background-image: url("../images/recap/2017/main-banner-large.png");} 
        .recap-pg18 .banner figure{background-image: url("../images/recap/2018/main-banner-large.png");} 
        .recap-pg19 .banner figure{background-image: url("../images/recap/2019/main-banner-large.png");} 
        .recap-pg20 .banner figure{background-image: url("../images/recap/2020/main-banner-large.png");} 
        .recap-pg21 .banner figure{background-image: url("../images/recap/2021/main-banner-large.jpg");} 
        .recap-pg22 .banner figure{background-image: url("../images/recap/2022/main-banner-large.jpg");} 
        .recap-pg23 .banner figure{background-image: url("../images/recap/2023/main-banner-large.jpg");} 
        .recap-pg24 .banner figure{background-image: url("../images/recap/2024/main-banner-large.jpg");} 
        /* =Corona pg.
        ------------------------------------ */
        .corona-pg .banner figure{background-image: url("../images/corona/main-banner-large.jpg");}
		
		 /* =Footprint pg.
        ------------------------------------ */
        .footprint-pg .banner figure{background-image: url("../images/footprint/main-banner-large.jpg");}

    } 


    /*  High Rez Elements */
     @media 
    /* 1.3 dpr */
    (-webkit-min-device-pixel-ratio: 1.3), 
    (min-resolution: 124.8dpi),

    /* 1.25 dpr */
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 120dpi),

    /* 1.5 dpr */
    (-webkit-min-device-pixel-ratio: 1.5) ,
    (min-resolution: 144dpi),

    /* high-res graphics */
    (min-resolution: 192dpi),
    (min-resolution: 2dppx)

    { 
        
        .site-logo{background-image: url("../images/site-logo@2x.png?version=6");}
    }


    .site-logo
    {
        -moz-background-size:       100% 100%;
        -o-background-size:         100% 100%;
        -webkit-background-size:    100% 100%;
         background-size:           100% 100%;
    }