/*!
	Theme Name: Neom
	Author: Ali Emadzadeh
	Version: 2.1.1
	Requires at least: 5.7
	Tested up to: 6.2.2
	Requires PHP: 7.3
	Text Domain: neom
*/

html {
    line-height              : 1.15;
    -webkit-text-size-adjust : 100%;
}

*,
*::before,
*::after {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

/* Sections
   ========================================================================== */
body {
    margin                  : 0;
    font-family             : "IranSans", "IranYekan", serif;
    font-size               : 1rem;
    font-weight             : 400;
    line-height             : 1.5;
    color                   : #333333;
    background-color        : #fff;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    overflow-x              : hidden;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
    margin-top    : .5rem;
    margin-bottom : 1rem;
    font-family   : inherit;
    font-weight   : 500;
    line-height   : 1.2;
    color         : inherit;
}

h1 {
    font-size : 2.5rem;
}

h2 {
    font-size : 2rem;
}

h3 {
    font-size : 1.75rem;
}

h4 {
    font-size : 1.5rem;
}

h5 {
    font-size : 1.25rem;
}

h6 {
    font-size : 1rem;
}

p {
    margin-top    : 0;
    margin-bottom : .9rem;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing : content-box;
    box-sizing         : content-box;
    /* 1 */
    height             : 0;
    /* 1 */
    overflow           : visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family : monospace;
    /* 1 */
    font-size   : 1em;
    /* 2 */
    white-space : pre-wrap;
}

/* Text-level semantics
   ========================================================================== */
a {
    background-color : transparent;
    text-decoration  : none;
    color            : #3772ff;
}

a:hover, a:active {
    color : #333366;
}

a:not([href]):not([tabindex]) {
    color           : inherit;
    text-decoration : none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color           : inherit;
    text-decoration : none;
}

a:not([href]):not([tabindex]):focus {
    outline : 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom           : none;
    /* 1 */
    text-decoration         : underline;
    /* 2 */
    -webkit-text-decoration : underline dotted;
    text-decoration         : underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight : bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family : monospace, monospace;
    /* 1 */
    font-size   : 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size : 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size      : 75%;
    line-height    : 0;
    position       : relative;
    vertical-align : baseline;
}

sub {
    bottom : -0.25em;
}

sup {
    top : -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style : none;
    height       : auto;
    max-width    : 100%;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display : block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display : list-item;
}

figcaption {
    font-size   : 16px;
    color       : #333333;
    line-height : 1.4;
    font-style  : italic;
    font-weight : 400;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display : none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display : none;
}

.sr-only {
    position    : absolute;
    width       : 1px;
    height      : 1px;
    padding     : 0;
    overflow    : hidden;
    clip        : rect(0, 0, 0, 0);
    white-space : nowrap;
    border      : 0;
}

/* Print
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background         : transparent !important;
        color              : #000 !important;
        /* Black prints faster */
        -webkit-box-shadow : none !important;
        box-shadow         : none !important;
        text-shadow        : none !important;
    }

    a,
    a:visited {
        text-decoration : underline;
    }

    a[href]:after {
        content : " (" attr(href) ")";
    }

    abbr[title]:after {
        content : " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content : "";
    }

    pre {
        white-space : pre-wrap !important;
    }

    pre,
    blockquote {
        page-break-inside : avoid;
        border            : 1px solid #cccccc;
    }

    thead {
        display : table-header-group;
    }

    tr,
    img {
        page-break-inside : avoid;
    }

    p,
    h2,
    h3 {
        orphans : 3;
        widows  : 3;
    }

    h2,
    h3 {
        page-break-after : avoid;
    }
}

/*
DO NOT CHANGE THIS FILE
to override any of the settings in this section, add your styling code in the custom directory.
 */
/* Forms
   ========================================================================== */
label {
    display        : inline-block;
    line-height    : 1;
    vertical-align : middle;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family : inherit;
    /* 1 */
    font-size   : 1rem;
    /* 1 */
    line-height : 1.5;
    /* 1 */
    margin      : 0;
    /* 2 */
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
    width              : 100%;
    border             : solid 1px #666666;
    border-radius      : 3px;
    padding            : 0.5rem 1rem;
    -webkit-transition : all .3s;
    -o-transition      : all .3s;
    transition         : all .3s;
}

button:focus,
.go_up_button:focus,
.go_up_button,
.go_up_button:hover,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    border-color : transparent;
    outline      : none;
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow : visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform : none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    width              : auto;
    -webkit-appearance : button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style : none;
    padding      : 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline : 1px dotted ButtonText;
}

button,
[type="submit"],
[type="button"] {
    display             : inline-block;
    font-weight         : 400;
    color               : #3772ff;
    text-align          : center;
    white-space         : nowrap;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    background-color    : transparent;
    border              : 1px solid #3772ff;
    padding             : 0.5rem 1rem;
    font-size           : 1rem;
    border-radius       : 3px;
    -webkit-transition  : all .3s;
    -o-transition       : all .3s;
    transition          : all .3s;
}

button:focus,
[type="submit"]:focus,
[type="button"]:focus {
    outline : 1px dotted;
    outline : 5px auto -webkit-focus-ring-color;
}

button:hover, button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
    color            : #ffffff;
    background-color : #3772ff;
    text-decoration  : none;
}

button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
    cursor : pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding : 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    /* 1 */
    color              : inherit;
    /* 2 */
    display            : table;
    /* 1 */
    max-width          : 100%;
    /* 1 */
    padding            : 0;
    /* 3 */
    white-space        : normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align : baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow : auto;
    resize   : vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    /* 1 */
    padding            : 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height : auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance : textfield;
    /* 1 */
    outline-offset     : -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance : none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance : button;
    /* 1 */
    font               : inherit;
    /* 2 */
}

select {
    display : block;
}

/*
DO NOT CHANGE THIS FILE
to override any of the settings in this section, add your styling code in the custom directory.
 */
/* Table
   ========================================================================== */
table {
    background-color : transparent;
    width            : 100%;
    margin-bottom    : 15px;
    font-size        : 0.9em;
    border-spacing   : 0;
    border-collapse  : collapse;
}

table th,
table td {
    padding        : 15px;
    line-height    : 1.5;
    vertical-align : top;
    border         : 1px solid #cccccc;
}

table th {
    font-weight : bold;
}

table thead th,
table tfoot th {
    font-size : 1em;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top : 1px solid #cccccc;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color : #f7f7f7;
}

table tbody + tbody {
    border-top : 2px solid #cccccc;
}

@media (max-width : 767px) {
    table table {
        font-size : 0.8em;
    }

    table table th,
    table table td {
        padding     : 7px;
        line-height : 1.3;
    }

    table table th {
        font-weight : 400;
    }
}

/*
DO NOT CHANGE THIS FILE
to override any of the settings in this section, add your styling code in the custom directory.
 */
/* Lists
   ========================================================================== */
dl,
dt,
dd,
ol,
ul,
li {
    margin         : 0;
    padding        : 0;
    list-style     : none;
    border         : 0;
    outline        : 0;
    font-size      : 100%;
    vertical-align : baseline;
    background     : transparent;
}

.neom-time-line {
    position       : relative;
    display        : flex;
    flex-direction : column;
}

.neom-time-line .header {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    z-index        : 10;
    gap            : 20px;
    margin-bottom  : 50px;
}

.neom-time-line .header .title {
    margin : 0;
}

.neom-time-line .icon {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 60px;
    height          : 60px;
}

.neom-time-line .icon i {
    font-size : 26px
}

.neom-time-line .neom-time-line-body ul {
    display        : flex;
    flex-direction : column;
    gap            : 40px;
    padding-right  : 60px;
    padding-left   : 0;
}

body:not(.rtl) .neom-time-line .neom-time-line-body ul {
    padding-right : 0;
    padding-left  : 60px;
}

.neom-time-line li {
    display        : flex;
    flex-direction : column;
    position       : relative;
}

.neom-time-line li:after {
    position      : absolute;
    background    : #7a7a7a;
    content       : "";
    height        : 46px;
    left          : -34px;
    right         : auto;
    top           : 0;
    width         : 0.25rem;
    text-align    : center;
    border-radius : 2em;
}

.rtl .neom-time-line li:after {
    right : -34px;
    left  : auto;
}

.neom-time-line li .item-date {
    font-size     : 14px;
    color         : #7a7a7a;
    margin-bottom : 15px;
    margin-top    : 5px;
}

.rtl .neom-time-line li .item-date .date-icon {
    margin-left : 10px;
}

body:not(.rtl) .neom-time-line li .item-date .date-icon {
    margin-right : 10px;
}

.neom-time-line li .text {
    font-size  : 14px;
    text-align : justify;
}

.rtl .neumorphism-1 .neom-time-line:before {
    box-shadow    : inset 2px 2px 2px #d9d9d9,
    inset -2px -2px 2px #f9f9f9;
    content       : "";
    right         : 23px;
    position      : absolute;
    top           : 10px;
    width         : 10px;
    height        : calc(100% - 10px);
    border-radius : 3em;
    z-index       : 1;
}


hr.divider {
    width : 4rem;
}

hr.divider {
    position      : relative;
    height        : 0.7rem;
    border-radius : 50px;
    border        : 0;
    box-sizing    : content-box;
    overflow      : visible;
    box-shadow    : inset 1.5px 1.5px 1.5px #d9d9d9,
    inset -1.5px -1.5px 1.5px #f9f9f9;
}

hr.divider:after {
    position      : absolute;
    content       : "";
    height        : 0.3rem;
    background    : #3772FF;
    width         : 50%;
    border-radius : 3em;
    top           : 50%;
    transform     : translateY(-50%);
}


.neom-icon {
    display         : flex;
    align-items     : center;
    justify-content : center;
}


.cd-headline.clip .cd-words-wrapper::after {
    content : none !important;
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select {
    background    : transparent;
    border-radius : 5px;
    border        : none;
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom textarea, #wpdcom select,
#wpdcom .wc-field-submit input[type="submit"],
#wpdcom .ql-editor > *,
.ql-container,
#wpdcom .wpdiscuz-textarea-wrap .ql-editor {
    font-family : "IranSans", "IranYekan";
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value,
#wpdcom .wpd-auth .wpd-login,
#wpdcom .wpd-auth .wpd-login a,
#wpdcom .wpd-thread-head .wpd-thread-info,
#comments #wpdcom span, #respond #wpdcom span, #wpdcom span,
[wpd-tooltip]::after {
    font-family : "IranSans", "iranSans", "iransans", "Iransans";
}


.elementor-post-navigation .post-navigation__arrow-wrapper {
    display : flex;
}

.elementor-widget-post-info .elementor-icon-list-icon {
    display : flex;
}

.elementor-widget-post-info .elementor-icon-list-item {
    align-items : center;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
    font-family : "IranSans", "iranSans", "iransans";
}


.go_up_button {
    position        : fixed;
    display         : flex;
    align-items     : center;
    justify-content : center;
    z-index         : 100;
    overflow        : hidden;
}

.go_up_button .progress_display {
    position : absolute;
    bottom   : 0;
    left     : 0;
    z-index  : 101;
}

.go_up_button .button_container {
    position : relative;
    z-index  : 102;
}

.scrolled_rail {
    direction       : ltr;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.scrolled_rail .line_scrolled {
    width : 0;
}


.dfxcl {
    display           : -webkit-box !important;
    display           : -ms-flexbox !important;
    display           : flex !important;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.jcfull {
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}

.jccenter {
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
}

.v_dir {
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
}

.w100 {
    width : 100%;
}

.progress_line {
    height     : 6px;
    background : red;
    width      : 0;
}

.progress_box:last-child {
    margin-bottom : 0 !important;
}

.progress_rail.neumorphism-1 {
    box-shadow : inset 2px 2px 2px #d9d9d9, inset -2px -2px 2px #f9f9f9;
    padding    : 5px;
}


/**
*   Linear Preloader
 */
#linear-preloader {
    position : fixed;
    left     : 0;
    top      : 0;
    height   : 100vh;
    width    : 100%;
    z-index  : 99999;
    display  : flex;
}

#linear-preloader:before,
#linear-preloader:after {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 50%;
    height           : 100%;
    z-index          : -1;
    background-color : #000;
    transition       : all 0.3s ease 0s;
}

#linear-preloader:after {
    left  : auto;
    right : 0;
}

#linear-preloader .loader_line {
    margin     : auto;
    width      : 1px;
    height     : 250px;
    position   : relative;
    overflow   : hidden;
    transition : all 0.8s ease 0s;
}

#linear-preloader .loader_line:before {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 50%;
    width            : 1px;
    height           : 0%;
    transform        : translateY(-50%);
    background-color : #fff;
    animation        : lineheight 1000ms ease-in-out 0s forwards;
}

@keyframes lineheight {
    0% {
        height : 0%;
    }
    100% {
        height : 100%;
    }
}

@keyframes lineround {
    0% {
        transform : translateY(-100%);
    }
    100% {
        transform : translateY(200%);
    }
}

/*hiding all*/
#linear-preloader.preloaded .loader_line:after {
    opacity : 0;
}

#linear-preloader.preloaded .loader_line {
    opacity : 0;
    height  : 100% !important;
}

#linear-preloader.preloaded:before,
#linear-preloader.preloaded:after {
    animation : preloadedzero 300ms ease-in-out 500ms forwards;
}

@keyframes preloadedzero {
    0% {
        width : 50%;
    }
    100% {
        width : 0%;
    }
}


/**
*   Scroll to top simple button
 */

.topbutton {
    position   : fixed;
    right      : 20px;
    bottom     : -200px;
    display    : none;
    margin     : 0;
    z-index    : 999;
    opacity    : 0;
    visibility : hidden;
    transition : all 0.3s;
    cursor     : pointer;
}

@media only screen and (min-width : 768px) {
    .topbutton {
        display : block;
    }
}


.topbutton.btn-show {
    bottom     : 0;
    opacity    : 1;
    visibility : visible;
}

.scroll-to-top-simple {
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 46px;
    height          : 46px;
    border-radius   : 4px;
    background      : #111111;
}

.scroll-to-top-simple.btn-show {
    bottom : 20px;
}

.scroll-to-top-simple svg {
    fill   : #3772ff;
    height : 26px;
}

.disable-select {
    -webkit-user-select : none; /* Safari */
    -ms-user-select     : none; /* IE 10 and IE 11 */
    user-select         : none; /* Standard syntax */
}

.project-data {
    display : grid;
}

.project-data .data-item {
    display     : flex;
    align-items : center;
    gap         : 7px;
}

.project-data .data-item .icon {
    font-size : 20px;
}

.project-data .data-texts {
    display     : flex;
    align-items : center;
    gap         : 5px;
}

.neom-project-gallery {
    display               : grid;
    gap                   : 15px;
    grid-template-columns : repeat(4, 1fr);
}

.neom-project-gallery .neom-project-gallery-item {
    height   : 180px;
    cursor   : pointer;
    overflow : hidden;
}

.neom-project-gallery .neom-project-gallery-item img {
    display    : block;
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

#comments .title-comments, #comments .comment-reply-title {
    font-size : 18px;
}

#comments .comment-content {
    font-size : 14px;
}

#comments .comment-metadata {
    display : flex;
    gap     : 15px;
}

#comments .comment-metadata > a {
    font-size : 11px;
}

#comments .comment-metadata .comment-edit-link, #comments .comment-reply-link {
    padding       : 3px 15px;
    font-size     : 11px;
    font-weight   : bold;
    border-radius : 6px;
    box-shadow    : -3px -3px 4px #fff, 3px 3px 4px #d9d9d9;
}

#comments .comment-metadata .comment-edit-link:hover, #comments .comment-reply-link:hover {
    box-shadow : inset -3px -3px 4px #fff, inset 3px 3px 4px #d9d9d9;
}

#comments .comment-content {
    margin : 5px 0 10px;
}

#comments .comment-respond {
    margin-top : 40px;
}

#commentform label {
    margin-bottom : 10px;
}

#commentform #comment,
#commentform #author,
#commentform #email,
#commentform #url {
    border-radius : 10px;
    box-shadow    : inset -3px -3px 4px #fff, inset 3px 3px 4px #d9d9d9;
    background    : transparent;
    border        : none;
    outline       : none;
}

#commentform #submit {
    font-size     : 12px;
    font-weight   : bold;
    color         : #444;
    border        : none;
    border-radius : 6px;
    box-shadow    : -5px -5px 5px #fff, 5px 5px 5px #d9d9d9;
    background    : #f1f1f1;
}

#commentform #submit:hover {
    box-shadow : inset -5px -5px 5px #fff, inset 5px 5px 5px #d9d9d9;
    color      : #3772ff;
}