/*Custom CSS*/

html,body
{
    height: 100%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

a, a.active, a:active, a:focus, a:hover
{
    color: #3b3b3a;
    text-decoration: none;

}



.btn-round.form-search
{
    display: none;
}

/*Fonts*/

/*@font-face 
{
    font-family: custom_bold;
    src: url('../fonts/QanelasSoftDEMO-ExtraBold.otf');
}

@font-face 
{
    font-family: custom_light;
    src: url('../fonts/QanelasSoftDEMO-UltraLight.otf');
}*/

/*Header*/
header
{
    background-image: url("../img/iribackground.JPG");
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    height: 85%;
    -webkit-text-stroke:2px black;
    background-position: 0px 75px;
    /*max-height: ;*/    
}

h1 span
{
    margin-right: 40%;
}
h1,h2,h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}
h2{
    padding-bottom: 5%;
}
h1
{
    margin-left: 20%;
    
}


header .intro-text .name
{
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 900;
    font-size: 7em;
    display: none;
}

@media screen and (max-width: 900px)
{
    h1 span
    {
        margin-right: 0;
    }

    h1
    {
        margin-left: 0;

    }

    header .intro-text .name
    {
        font-family: 'Raleway', sans-serif;
        text-transform: none;
        font-weight: 900;
        font-size: 3em;
        margin-top: 50px;
    }
}


/*Logo position*/
.navbar-header img
{
    position: relative;
    margin: auto;
    margin-left: 10%;
    
    /*Dynamic resizing*/
    max-width: 100%;
    max-height: 100%;
    height: auto;
}


/*Seach form*/
.search
{
    padding: 0;
    margin: 0;
    background-color: transparent;
    /*border: 1px solid red;*/
}

.form-search
{
    padding: 5px 15px 5px 15px;
    background-color: transparent;
    color: gray;
    width: 250px;
    outline: none;
}
.navbar-nav{
    margin-top: 10px;
}
/*Search box button*/
.input-append
{
    background-color: transparent;
}

/*Round buttons inside the sticky navbar in the top*/
.btn-round
{
    margin-right: 1em;
    border-style: solid;
    border-color: lightgray;
    border-radius: 50px;
    border-width: 1px;
    font-size: 2em;
    transition: 0.3s;
    background-color: transparent;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color:gray;
}
.btn-round.live{
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    border: 1px solid #b52625;
    color: #b52625;
}


/*Sticky navbar*/
#mainNav
{
    background-color: transparent;
}

#mainNav a:hover
{
    opacity: 0.6;
}

/*.btn:hover .glyphicon{ // Changes color with the white navbar
    color:black;
    background-color: yellow;
}*/

/* The side navigation menu */
.sidenav {
    margin-top: 100px;
    margin-left: 3em;
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */

}

/* Sidenav menu links */
.sidenav a {
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    margin-top: 1em;   
    border-style: solid;
    border-color: white;
    border-radius: 20px;
    border-width: 1px;
    font-size: 1.5em;
    color: red;
}

.sidenav a:hover
{
    opacity: 0.6;
    transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
}


@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.sidenav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*padding-left: 4%;*/
}

@media screen and (max-width: 768px)
{

    .navbar-nav li{
        padding-bottom: 10px;
        padding-left: 10px;
        color:red;
    }
    .sidenav a
    {
       font-size: 18px;
    }
        
    .sidenav 
    {
        height: 100%;  /*100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
        background-color: #dbaa25;
        /*overflow-x: hidden;  Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        margin-left: 0;
        text-align: center;
        
    }
    
    header .intro-text .name
    {
        font-family: 'Raleway', sans-serif;
        text-transform: none;
        font-weight: 900;
        font-size: 3em;
    }
}


#sidenav_id.textWhite {
  color: #fff;
}

#sidenav_id.textBlue {
  color: #304B84;
}

#sidenav_id.textWhite ul li a {
  color: #fff;
  border-color: #fff;
}

#sidenav_id.textBlue ul li a {
  color: #304B84;
  border-color: #304B84;
}
.navbar-custom .navbar-toggle:hover 
{
    background-color: transparent;
    color: red;
    border-color: white;
}
.navbar-toggle{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    border-radius: 20px;
    font-size: 25px;
    color:red;
}

#logo 
{
    width:105px;
    height:105px;
    background:url("../img/logo_new.png");
    background-size:100% 100%;
    position:fixed;
    padding:10px;
    top:1px;
    left:20px;
    z-index: 9000;
}


/*News section*/

#news
{
    background-color: white;
    color: #3b3b3a;
}
.new_preview_big
{
    border: 1px solid #d1d3c4;
    margin-bottom: 20px;
    border-radius: 5px;
}

.new_preview_big img
{
    width: 560px;
    height: 315px;
}

.news_items 
{
    width:40%;
    height:300px;
    background: lightgray;
    border:1px solid #d1d3c4;
    display: inline-block;
    margin:30px;
    transition: 0.3s;
}

.news_items:hover
{
    cursor: pointer;
    transform: scale(1.05, 1.05);
}

.news_heading 
{
    margin-bottom: 0px;
    background:rgba(255,255,255,0.86);
    color: rgba(50,50,50,1);
    display: block;
    height:auto;
    font-size: 2em;
    font-weight: bold;
}

#news_one
{
    background: url("../img/Articles/20180320/peoplearepeople.png");
    background-size: 100% 100%;
    float:left;
}

#news_two
{
    background: url("../img/Articles/20180321/joao.jpg");
    background-size: 100% 100%;
    float:right;
}

.col-lg-12.text-center.more
{
    border:1px solid gray;
    background:white;
    margin-left: 44%;
}

article h3
{
    color: #3B3B3A;
    padding: 0;
    margin: 9px;
}

article a:hover
{
    text-decoration: none;
    opacity: 0.6;
    transition: 0.3s;
}




.new_preview_small
{
    border: 1px solid #d1d3c4;
    margin-bottom: 24.2px;
    border-radius: 5px;
    
}

.new_preview_small img
{
    width: 360px;
    height: 175px;
}

.more
{
    border-style: solid;
    border-color: #d1d3c4;
    border-radius: 50px;
    border-width: 1px;
    font-size: 2em;
    transition: 0.3s;
    background-color: transparent;
    color: #fff;
    padding: 10px 10px;
    width: 150px;
    margin: 0 45%;
}
.more:hover {
    opacity: 0.6;
}


/*Categories section*/
#categories
{
    background-color: #546a7b;
    color: #fff;
}

#categories .row
{
    margin-top: 2em;
}


.category_icons 
{
    padding: 25px;
    width: 250px;
    height: 250px;
    display:inline-block;
    background-size: 100% 100%;
    margin:2em;
    margin-bottom: 3em;
    font-size: 4em;
    font-weight: bold; 
    text-align: center;


}

#categories h4 
{
    margin-top: -30px;
}


#categories .category_icons:hover{
    transform: scale(1.05,1.05);
    transition: 0.3s;
}


.category_title 
{
    position: relative;
    top:-100px;
}

.talk
{
    margin-left: 18px;

}




@media screen and (max-width: 768px)
{
    #categories img
    {
        display:block;
        margin-right: auto;
        margin-left: auto;
    }
}

/*About section*/
#about
{
    background-color: lightgray;
    color:#3b3b3a;
}

#about p
{
    padding: 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

/*People Section*/
#people{
    color:#3b3b3a;
}

#people_container
{
    width:100%;
    height:100%;
}



.person_picture {width:150px;
                 height:175px;
                 border:2px solid lightgray;
                 border-radius: 50%;
                 display: inline-block;
                 margin: 12px;
                 text-align: center;
                 background-size: 100% 100%;
                 transition: 0.3s;
                 background:url("img/people/noimage.png");}


.person_picture:hover 
{
    transform: scale(1.05, 1.05);
    cursor: pointer;
}

.person_name 
{
    position: relative;
    bottom:-175px;
    font-size: 14pt;
    white-space: nowrap;
}










#meet_us_btn 
{
    width:18%;
    height:auto;
    border:1px solid lightgray;
    border-radius: 50px;
    font-size: 20pt;
    margin-left:40%;
    margin-top: 60px;
    padding: 12px;
    transition: .3s;
}

#meet_us_btn:hover 
{
    opacity: 0.6;
    cursor: pointer;
}

.table th, .table td 
{ 
     border-top: none !important;
    margin-left: 10px;
}
/*Services Section*/
#services
{
    background-color: #0e1c36;
    color: white;
    /*font-family: custom_light;*/
}

#services h3 {text-align: center;}


.service_col 
{
    display:inline-block;
    width:31%;
    height:auto;
    margin:1%;
    text-align: left;
    margin-top: 3em;
}

.service_col a
{
    color:white;
}

.service_icon 
{
    width:90%;
    max-height:400px;
    min-height: 200px;
    margin-left: 2%;
}

#record_icon {background:url("../img/icons/recordIcon.png");
              background-size:100% 100%;}

#livestream_icon {background:url("../img/icons/livestreamIcon.png");
                  background-size: 100% 100%;}

#podcast_icon {background:url("../img/icons/podcastIcon.png");
               background-size: 100% 100%;}

/*Contact Section*/
#contact
{
    background-color: #dbaa25;
    color: #fff;
}

/*Footer Section*/
footer
{
    background-color: #3b3b3a;
}

footer .row
{
    margin-top: 2em;
}

.btn-dolni-submit{
    margin-right: 1em;
    border-style: solid;
    border-color: white;
    border-radius: 50px;
    border-width: 1px;
    font-size: 2em;
    transition: 0.3s;
    background-color: transparent;
    color: white;
    
}
.btn-dolni-submit:hover{
    color: white;
    opacity: 0.6;
}

/*Changes placeholder color to white*/
.form-control::-webkit-input-placeholder {
    color: white;
}
.form-control:-moz-placeholder {
    /* FF 4-18 */
    color: white;
}
.form-control::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}

.btn-social:hover
{
    background-color: transparent;
    opacity: 0.5;
}










/* People Page */ 

#people_page 
{
    display:block;
    margin-top: 6%;
}

#people_page h2 
{
    margin-top: 2%;
}

#small_text 
{
    font-size: 12pt;
}

#people_page .person_picture
{
    width:150px;
    height:175px;
}

#people_page .person_picture:nth-of-type(1)
{
    margin-left: 18%;
} 


#people_page .person_picture:nth-of-type(6)
{
    margin-left: 26%;
} 

#people_page .person_picture:nth-of-type(10)
{
    margin-left: 18%;
} 

#people_page .person_picture:nth-of-type(15)
{
    margin-left: 26%;
} 


#people_page .person_picture:nth-of-type(19)
{
    margin-left: 18%;
} 


/* Profiles */


#profile_page
{
    display:block;
    margin-top: -0%;
}

#profile_page h2
{
   
    margin-top: -6%;
}

.back_to_people 
{
    width: auto;
    height:45px;
    border:1px solid gray;
    border-radius: 35px;
    margin-top: 500px;
    position: absolute;
    text-align: center;
    font-size: 20pt;
    left:10%;
    top:-43%;
    padding:6px;
    padding-top: 2px;
    z-index: 1;
    transition: 0.3s;
}

.go_to_player 
{
    width: 100px;
    height:45px;
    border:1px solid gray;
    border-radius: 35px;
    margin-top: 500px;
    position: absolute;
    text-align: center;
    font-size: 20pt;
    right:10%;
    top:-44%;
    padding:6px;    
    padding-top: 2px;
    z-index: 1;
    transition: 0.3s; 
}

.back_to_people:hover 
{
    cursor: pointer;
    opacity: 0.6;
}

.go_to_player:hover 
{
    cursor: pointer;
    opacity: 0.6;
}


.biography
{
    margin-top: -7%;
}


.biography #profile_picture:hover 
{
    cursor: pointer;
}

.biography #profile_picture2:hover 
{
    cursor: pointer;
}

#profile_picture
{
    width:300px;
    height:300px;
    margin-left:38%;
    box-shadow: 8px 8px 5px gray;
    border:1px solid gray;
    border-radius: 50%;
    background-size: 300px 300px;
    background-repeat: no-repeat;
    display: inline-block;
}

.two_show_pics #profile_picture
{
    width:300px;
    height:300px;
    margin-left:25%;
    box-shadow: 8px 8px 5px gray;
    border:1px solid gray;
    border-radius: 50%;
    background-size: 300px 300px;
    background-repeat: no-repeat;
    display: inline-block;
}

#profile_picture2
{
    width:300px;
    height:300px;
    margin-left:4%;
    box-shadow: 8px 8px 5px gray;
    border:1px solid gray;
    border-radius: 50%;
    background-size: 300px 300px;
    background-repeat: no-repeat;
    display: inline-block;
}


#profile_picture:hover
{
    transform: scale(1,1);
    cursor: default;
}

#bio_text 
{
    margin:10%;
    border-left:1px solid gray;
    border-right:1px solid gray;
    padding:5%;
    margin-top: -3%;
    text-align: center;

}


.programmes 
{
    margin-top: -40%;
}



#mobile_nav 
{
    width:100%;
    height:565px;
    background:white;
    border-bottom:1px solid gray;
    margin-top: -400px;
    text-align: center;
    z-index: 2;
    display: none;
    overflow-y:hidden;
    transition: 1s;
    position: fixed;
}


#mobile_nav a:hover 
{
    opacity: 0.6;
}

#mobile_nav a:active 
{
    opacity: 0.6;
}

#open_close_menu
{
    width:100%;
    height:100px;
    background:#F3EDFF;
    color:black;
    position: relative;
    bottom:0%;
    border-top: 1px solid gray;
    font-size: 34pt;

}


#open_close_menu:hover
{
    cursor: pointer;

}



div.reg_header 
{
    width:100%;
    height:15%;
    max-height: 15%;
    background:white;
    border-bottom:1px solid gray;
    position: fixed;
    z-index: 5;
}

div.reg_header img 
{
    width:450px;
    height:75px;
    margin-left: 300px;
    margin-top: 10px;
    z-index: 6;
}


#programmes iframe 
{
    width:75%;
    height:220px;
}


#header_filler 
{
    width:100%;
    height:100px;
    max-height: 1400px;
    background:white;
    position: absolute;
    top:0px;
    left:0px;
    z-index: -2;

}







/* Talk/Music Show Page */

#talk_page h2
{
    margin-top: 7%;

}

#talk_page h3
{
    margin-top: 7%;
    margin-bottom: -1%;

}

#talk_list 
{
    text-align: center;
    margin:2%;
    margin-top: 0px;
    font-size: 2pt;
    display:inline-block;
}

.showHeader 
{
    margin-top: 5%;
}

.showDesc 
{
    font-size:11pt;
}

.shows 
{
    width:45%;
    height:200px;
    display:inline-block;
    margin: 2%;
    transition:0.3s;
}

.shows:hover 
{
    transform: scale(1.07, 1.07);
    cursor:pointer;
}

.mobile_divider 
{
    display:none;
}


/* News Page */


#news_page 
{
    margin-top: 6%;
    text-align: center;
}

#news_page hr
{
    border:1px solid lightgray;
    width:110%;
    margin:6%;
    margin-left: -5%;
}


#news_page hr:nth-of-type(1)
{
    margin-top: 1%;
}


.news_segment 
{
    width:100%;
    height:400px;
    transition: 0.3s;
    border-bottom: 2px solid gray;
    padding-bottom: 100px;
    padding:20px;
    margin-bottom:100px;
}

.news_segment:hover 
{
    cursor: pointer;
    opacity: 0.9;
}

.segment_image
{
    width:35%;
    height:60%;
    background-size: 100% 100%;
}

.segment_headline
{
    position: relative;
    top: 240px;
    color:black;
    font-weight: bold;
    font-size: 18pt;
}

.segment_opening
{
    width:50%;
    height:200px;
    position: relative;
    right: -42.5%;
    top:-40%;
    color:black;
    font-size: 12pt;
}



/* Article Page */

#news_article 
{
    width:100%;
    height:100%;
    margin-top: 6%;
}

#article_image 
{
    width:50%;
    height:320px;
    margin-left: 25%;
    margin-top: -5%;
    border: 2px solid black;
}

#article_text
{
    width:100%;
    height:80%;
    font-size: 12pt;
    margin-top: 6%;
}

#back_to_news 
{
    width: 20%;
    height:1%;
    border:1px solid gray;
    border-radius: 35px;
    margin-top: 20px;
    position: relative;
    text-align: center;
    font-size: 20pt;
    left:2%;
    top:-48%;
    padding:6px;
    padding-top: 2px;
    z-index: 1;
    transition: 0.3s;
    overflow: auto;
}

#back_to_news:hover
{
    opacity: 0.6;
}


#iri_heading 
{
    width:50%;
    height:75%;
    font-size: 36pt;
    position: relative;
    top:14%;
    left:20%;
    font-weight: 900;
    line-height: 35px;
    text-align: center;
    z-index: 9000;
    padding-top: 12px;
}

#orange 
{color:#de7a06;}

#green
{
    color:#225b2c;
}

#iri_heading img 
{
    width:65px;
    height:32px;
    margin:5px;
    margin-top: -7px;
    margin-left: 2px;
    white-space: nowrap;
}



#nav_bar 
{
    width:100%;
    height:60%;
    background:white;
    border-bottom: 1px solid gray;
    margin-top: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    z-index: 1;
    position: absolute;
    font-size: 18pt;
    white-space: nowrap;
    text-align: center;
    border-top:1px solid gray;
}

#links a 
{
    margin: 2%;
    font-size: 18pt;
    transition: 0.3s;
}

#links a:hover 
{
    opacity:0.6;
}

#currentPage 
{
    color:#de7a06;
}


/* Videos */


#videos
{
	background: lightgray;
}


.video_thumb 
{
	width:260px;
	height:200px;
	border: 2px solid black;
	margin: 14px;
	display:inline-block;
	text-align: center;
}

.video_title 
{
    position: relative;
    top:110%;
}

.video_thumb:hover 
{
    cursor: pointer;
    transition: 0.3s; 
    transform: scale(1.07, 1.07);
}


#more_video_btn
{
    margin-top: 100px;
    border:1px solid lightgray;
    margin-left: 44%;
}


#videos_page 
{
	margin-top: 7%;
}



.video_page_thumb 
{
	width:450px;
	height:280px;
	border: 2px solid black;
	margin: 30px;
	text-align: center;
}

.video_page_thumb:hover 
{
    cursor: pointer;
}

.video_page_title
{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12pt;
    position: relative;
    left:140%;
}

.video_page_description
{
	position: relative;
	top:5%;
	left:140%;
}


#video_player 
{
    margin-top: 7%;
}

#video_player iframe
{
	position: relative;
	top:50%;
	left:20%;
	width:800px;
	height:500px;
}


#video_one {background: url("../img/thumbnails/video_one.png"); background-size: 100% 100%;}

#video_two {background: url("../img/thumbnails/video_two.png"); background-size: 100% 100%;}

#video_three {background: url("../img/thumbnails/video_three.png"); background-size: 100% 100%;}

#video_four {background: url("../img/thumbnails/video_four.png"); background-size: 100% 100%;}

#video_five {background: url("../img/thumbnails/video_five.png"); background-size: 100% 100%;}



#vid_desc 
{
    width:75%;
    height: auto;
    font-size: 12pt;
    margin-left: 12.5%;
    text-align: center;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    padding:10px;
}


#developers 
{
    position: relative;
    white-space: nowrap;
    font-size: 12pt;
    margin-top: 30px
}

#developers p 
{
    margin-top: 10px;
    font-size: 12pt;
}








@media screen and (max-width:1300px){

#nav_bar
{
    font-size: 16pt;
}

#links a 
{
    font-size: 16pt;
}


}


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

#nav_bar
{
    font-size: 15pt;
}

#links a 
{
    font-size: 15pt;
}


header .intro-text .name
{
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 900;
    font-size: 6em;
}

}









@media screen and (max-width:1100px){

#nav_bar
{
    font-size: 14pt;
}

#links a 
{
    font-size: 14pt;
}


header .intro-text .name
{
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 900;
    font-size: 5em;
}

}



@media screen and (max-width:1000px){

#nav_bar
{
    font-size: 13pt;
    padding-bottom: -1%;
}

#links a 
{
    font-size: 13pt;
}

.btn-round.form-search
{
    display: none;
}


header .intro-text .name
{
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 900;
    font-size: 4em;
}

#profile_page h2
{
   
    margin-top: 0%;
}

}




@media screen and (max-width:900px){

#nav_bar
{
    font-size: 12pt;
    height:52%;
}

#links a 
{
    font-size: 12pt;
}


header .intro-text .name
{
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: 900;
    font-size: 4em;
}

}

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

    #nav_bar
    {
        font-size: 14pt;
        height:45%;
    }

    #people_page .person_picture
    {
         width:210px;
         height:195px;
    } 
    
    #people_page .person_name
    {
        bottom:-195px;
    }

}

@media screen and (max-width:1600px){

    #people_page .person_picture
    {
         width:150px;
         height:175px;
    }   

   

}