/*--
	Theme Name: ICare
	Theme URI: xxxx
	Author: xxx
	Author URI: xxx
	Description: Charity/NGO Theme
	Version: 1.0
	License URI: http://
	Tags:
--*/
@import "css/main.css";

/* Responsive iFrame */
 .responsive-iframe-container {
     position: relative;
     padding-bottom: 65%;
     padding-top: 40%;
     height: 0;
     overflow: hidden;
 }
 .responsive-iframe-container iframe,   
 .vresponsive-iframe-container object,  
 .vresponsive-iframe-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 #mobileview .nav-tabs > li > a {
    font-size: 9px;
    padding: 10px 5px;
}

 #mobileview h3.widget-title {
    font-size: 16px;
}

#mobileview p, #mobileview input, #mobileview .panel-body ol>li>a {

       font-size: 14px;
}

#mobileview .table>thead>tr>th, #mobileview .table>tbody>tr>td {
    font-size: 14px !important;
}

  @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }

 .ultxtstylenone {
 	list-style: none !important;
 }
 .ultxtstylenonewithzeropad {
    list-style: none !important;
    padding-left: 0px !important;
 }

 #mobileview {
    display: none;
 }


 .padleftzero {
     padding-left: 0px !important;
 }

 .txtxolordiff{
 	color: red;
font-weight: bold;
 }

 .padleftrightzero {
 	padding-left: 0px !important;
    padding-right: 0px !important;
 }

 .youtube {

     background-color: rgb(230, 33, 23) !important;
     color: white !important;
padding: 5px;
 }

 .fb{
     background: #3765a3 !important;
     color: white !important;
     padding: 5px;
 }

 .martop10{
    margin-top: 10px;

    }   

 
 .txtjust{

     text-align: justify !important;
 }


 .btndolor{
     background-color: rgb(0,128,0);
     color: white !important;
     margin-bottom: 10px;
 }

 .whitecol{
     color: black !important;

 }
 .txtcenter{
     text-align: center;
 }

 .post-content p {
     text-align: justify !important;
 }
  .contact-phone li a {
     color: blue;
 }
 .contact-phone li {
    color: green;
   
 }
.contact-phone li a:hover {
     color: red;
 }
.contact-phone ul li {
    display: inline-block;
 }
.contact-phone{
      padding: 0;
margin: 0;
list-style: none;
list-style-image: none;
}

.contact-phone li i {
    margin-right: 7px;
}
.heightimg{
    height: auto !important;
}

.colorredwithbold{
/*
    color: red;*/
    font-weight: bold;
}

.colorredwithboldnew{

    color: red;
    font-weight: bold;
}
.colorred{
    color: red;

}

.ultxtstylenone1 li {
    font-size: 15px !important;
}

.marrigten {

    margin-right: 10px;
}


.padtw {
    padding-bottom: 12px !important;
}

.marginzero{
    margin: 0 auto 0px auto !important;
}

.martopbotzero {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.colgreen{
    color: green;
    

}

    th{background-color: rgb(255,228,149)}
    tr:nth-child(odd){background-color: rgb(250,248,211)}
     tr:nth-child(even) {background-color:#f9f8e8}
   

.padbotet {
    padding-bottom: 82px;
}

.top-footer p, .top-footer ul {
    color: black;
}

td {
    text-align: left;
}

.padbotzero {
    padding-bottom: 0px !important;
    margin-top: 0px;

}

.padless > li > a {
   
    padding: 10px 5px !important;

}
 
 .martopzero {
    margin-top: 0px !important; 
 }                                      

 .panel-body {
    padding: 0px !important; 
}

.disipadpor {
    display: none;
}

#mc_embed_signup .indicates-required {
 
    font-size: 15px !important; 

}

#mc-embedded-subscribe {
    
    margin: 1em 0 1em 0 !important; 
}

#mc_embed_signup .mc-field-group .asterisk {
    position: absolute;
    top: 0px !important;
    right: 0px !important;
}



@media only screen and (min-device-width: 320px) and (orientation:portrait)
{
    .widthhundper{
        width:98% !important; 
    }

       #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }


}

/* ----------- iPhone 4 and 4S ----------- */
 /* Portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 

.widthhundper{
        width:98% !important; 
    }
    .site-header {
    
    font-size: 11px;
  
}

.lineheightone {
    line-height: 1.5em;
}

   #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }

}


/* Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 

.widthhundper{
        width:98% !important; 
    }

     #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

    h3.widget-title {
    font-size: 20px;
   
}

.nav-tabs > li > a {
    
    font-size: 11px;
    padding: 10px 5px;
}

td, th {
        font-size: 0.7em;
}

.iphfiveport > li > a {

    font-size: 13px;
    padding: 10px 5px;
}

a.btn {
    text-transform: capitalize;
    padding: 0 3px;
    }

     #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }

 }



 /* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {


         #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }

}
.mobileview{
    display: none;
 }

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

     #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }


}







    /* ----------- iPhone X ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

     .disipadpor {
    display: inline;
 }
 .dispnoneipad{
    display: none;
 }

 #mobileview{
   display: inline-block;
 }

 #largedeviceview {
    display: none;
 }
 .mobileview{
    display: inline-block;
 }

 .largedeviceview {
    display: none;
 }
 .disipadpor .logo img{
    width: 105% !important;
}
}
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: Portrait) { 

    .lineheightone {
    line-height: 1.5em;
} 

 #mobileview{
    display: inline-block;
 }

 #largedeviceview {
    display: none;
 }    
 .mobileview{
    display: inline-block;
 }

 .largedeviceview {
    display: none;
 }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Landscape */

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .top-header .header-info-right ul li, .top-header .header-info-left ul li {
  
    margin-left: 0px;
}

 .site-header {
    background-color: #FFE495;
    color: #c0d2bb;
    font-size: 14px;
    border-bottom: 4px solid #dddddd;
}
body {
    font-size: 1.5em;
    }

    #mobileview{
    display: none;
 }

 #largedeviceview {
    display: inline-block;
    
 }  
.nav-tabs > li > a {
    
    font-size: 15px;
}



}

/* Portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

.disipadpor {
    display: inline;
 }
 .dispnoneipad{
    display: none;
 }
  .site-header {
    background-color: #FFE495;
    color: #c0d2bb;
    font-size: 14px;
    border-bottom: 4px solid #dddddd;
}
 #mobileview{
    display: none;
 }

 #largedeviceview {
    display: inline-block;
  
 }  
}



/* ----------- iPad Pro 12.9" ----------- */
 /* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

        .disipadpor {
            display: none;

 }
 .dispnoneipad{
    display: inline;
 }
.site-header {
    background-color: #FFE495;
    color: #c0d2bb;
    font-size: 13px;
    border-bottom: 4px solid #dddddd;
}

.widthhundper {
    width: 100% !important;
}
.top-header a {
    color: blue;
    font-size: 15px;
}
body {
    font-size: 1.5em;
    }
     #mobileview{
    display: none;
 }

 #largedeviceview {
    display: inline-block;
 
 }  
 .nav-tabs > li > a {
    
    font-size: 15px;
}

    }



/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    body {
    font-size: 1.5em;
    }
     #mobileview{
    display: none;
 }

 #largedeviceview {
    display: inline-block;
    
 }  

 .padbot10per{
    padding-bottom: 10% !important; 
}
}

.pindent{
text-indent: 20px;
}
/*----*/
.taxcode{
    text-align: center!important ;
    color:#000 !important;
    font-weight: bold !important;
    padding-left: 50px !important;
}
.widget-content{
    text-align: justify;
}
.btn-donate{
    text-align: center;
}

.events-sidebar ul li.event-item .event-content p.event-meta{
    color: #080808;
}
.txtjust2{
    padding:0px 15px;
    text-align: justify !important;
}
.splevents{
    margin-top: 0px;
}
.subscribe-form{
display:block; 
}
.footer-amazon{
    display: flex;
    justify-content: left;
    
}
.donate-now{
display: none;
}


@media only screen and (min-width:1024px) and (max-width: 1366px) {
    .height-hide{
       height:287px !important;
       border-bottom: 1px solid #dddddd !important;
   }
  }
  .height-hide{
    border-left: 1px solid #faf8f8;
    height: 246px !important;
}
@media only screen and (max-width: 768px) {
    .donate-now{
      display: block;
    }
    
    .height-hide{
        border-left: 0px solid #eeeeee;
        height: auto !important;
    }
  }

.video-live{
    position: relative;
    padding-bottom: 56.25%;
    
}
.video-live iframe{
    position: absolute;
    width:100%;
    height: 100%;
}
ul.footer-social li a img{
    padding-left: 2px;
}
ul.footer-social li a img:hover{
    height: 30px;
    width: 30px;
}
.disipadpor ul{
    list-style: none !important;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {
     .logo img {
          width: 110% !important;
      }

}
#homeaddressdetail{
    display: none;
}