/*!
Theme Name: Muhitul Quran Child
Theme URI: https://#.com/
Author: Mohammad Rubel
Author URI: https://www.linkedin.com/in/themohammadrubel/
Description: Muhitul Quran Child is a child theme of Muhitul Quran.
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template:muhitulquran
Text Domain:muhitulquran-child
Tags: Tweaks with custom themes functions & ready for usability's.

*/

/*
    Add your custom styles here
*/



/*--------------------- Form Submit Button Style ----------------- */

body{
    margin:0px;
}

/*--------------------- Comment Box Style ----------------- */

/*--------------------- Comment Box Style ----------------- */

#respond {
    background: #fbfbfb;
    padding:0 10px 0 10px;
	border-radius:16px;
    }
     
    /* Highlight active form field */
     
    #respond input[type=text],
    input[type=email],
    input[type=url],
     textarea {
      -webkit-transition: all 0.30s ease-in-out;
      -moz-transition: all 0.30s ease-in-out;
      -ms-transition: all 0.30s ease-in-out;
      -o-transition: all 0.30s ease-in-out;
      outline: none;
      padding: 3px 0px 3px 3px;
      margin: 5px 1px 3px 0px;
      border: 1px solid #DDDDDD;
    
    }

    #respond input[type=text]:focus,
    input[type=email]:focus,
    input[type=url]:focus,
    textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0px;
    border: 2px solid rgba(81, 203, 238, 1);
    }
    #author, #email {
    font-family: "Open Sans", "Droid Sans", Arial;
    font-style:italic;
    color:#1d1d1d;
    letter-spacing:.1em;
    } 
     
    #url  {
    color: #1d1d1d;
    font-family: "Luicida Console", "Courier New", "Courier", monospace;
    } 
    #submit {
    background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color:#44c767;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    } 
     
    #submit:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
    background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color:#5cbf2a;
    }
    #submit:active {
    position:relative;
    top:1px;
    }

    .reply a{
        color:black;
    }

    .comment-metadata a  time{
        color:black;
    }
    .comment-metadata{
      
        padding:10px;
    }


       /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */

        #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:700px;
        }
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */

        #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:700px;
        }
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */

        #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:700px;
        }
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
        #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:310px;
        }
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */

       #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:700px;
        }
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */

      #respond input[type=text],
        input[type=email],
        input[type=url],
         textarea {
            width:300px;
        }
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */

      #respond input[type=text],
      input[type=email],
      input[type=url],
       textarea {
          width:300px;
      }
    }


/*---------------------End Comment Box Style ------------------*/



/*---------------------End Comment Box Style ------------------*/

/* For hiding Feature Image social share purpose */
#post-1867 .post-thumbnail{
	display:none!important;
}